html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; font:inherit normal 100% inherit}
:focus{outline:0}

/***************ESTILOS DE POSICIONAMIENTO*************/
.container_12, 
.container_16{margin-left:auto; margin-right:auto; width:960px}

.grid_4, .grid_8,  .grid_11, .grid_12 {display:inline; margin-left:10px; margin-right:10px; float:left}
.container_12 .grid_3, .container_16 .grid_4{width:220px}
.container_12 .grid_6, .container_16 .grid_8{width:460px}
.container_12 .grid_9, .container_16 .grid_12{width:700px}
.container_12 .grid_12, .container_16 .grid_16{width:940px}
.alpha{margin-left:0}
.omega{margin-right:0}

.container_12 .grid_4{width:300px}
.container_12 .grid_8{width:620px; overflow:visible}
.container_12 .grid_11{width:860px}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after{clear:both; content:'.'; display:block; visibility:hidden; height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
/****************************** FIN DE ESTILOS DE POSICIONAMIENTO*****************/

img.left{float:left; margin:5px 20px 10px 0}
img.right{float:right; margin:5px 0 10px 20px}

/* --------------------------------------- */
/* General Styles
/* --------------------------------------- */
html{background:#222 url('../graphics/body_bg.gif') repeat-x 0 7px}

body{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:14px; color:#fff; background:url('../graphics/body_bg.jpg') no-repeat top center; border-top:5px solid #a8b700}

/*************lo que estaba en la antigua hoja de estilos de facebox************/
#facebox .b{  background:url('../graphics/facebox/b.png')}

#facebox .tl{  background:url('../graphics/facebox/tl.png')}

#facebox .tr{  background:url('../graphics/facebox/tr.png')}

#facebox .bl{  background:url('../graphics/facebox/bl.png')}

#facebox .br{  background:url('../graphics/facebox/br.png')}

#facebox{ position:absolute;  top:0;  left:0;  z-index:100;  text-align:left}

#facebox .popup{ position:relative}

#facebox table{ border-collapse:collapse}

#facebox td{ border-bottom:0;  padding:0}

#facebox .body{ padding:10px;  background:#fff;  width:370px}

#facebox .loading{ text-align:center}

#facebox .image{ text-align:center}

#facebox img{ border:0;  margin:0}

#facebox .footer{ padding-top:5px;  text-align:right}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br{ height:10px;  width:10px;  overflow:hidden;  padding:0}

#facebox_overlay{ position:fixed;  top:0px;  left:0px;  height:100%;  width:100%}

.facebox_hide{ z-index:-100}

.facebox_overlayBG{ background-color:#000;  z-index:99}

* html #facebox_overlay{/* ie6 hack */ position:absolute;  height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
/*************fin de facebox*/
/* --------------------------------------- */
/* Header, Eyebrow Nav &Search
/* --------------------------------------- */
#header{height:148px; position:relative}
#header h1{width:400px; height:52px; position:absolute; top:63px; left:10px}
#header h1 a, #header h1 a:hover{display:block; width:400px; height:52px; background:url('../graphics/logo.gif') no-repeat; text-indent:-5000px}

#header #eyebrowNav{font-size:10px; font-family:Arial,Helvetica,sans-serif; position:absolute; /*top:-5px; */ left:640px; height:25px; padding:5px 0 0 0; }

#eyebrowNav a{/*border-left:1px solid #1f1f1f; border-right:1px solid #626262;*/ color:#a8b700; display:block; float:left; margin:0; padding:13px 15px 2px 29px; text-decoration:none;  text-transform:uppercase}

#eyebrowNav a.alpha{border-left:none}
#eyebrowNav a.omega{
	background:url(../graphics/eyebrownav_bg-txiki2.jpg) no-repeat 1px;
	border-right:none;
	height:25px;
	margin-top:-9px;
	width:100px;
	color:#333; /*margin-right: 6px;*/
}
#eyebrowNav a.omega2{background:url(../graphics/eyebrownav_bg-txiki.jpg) no-repeat 1px;border-right:none; height:25px; margin-top:-9px; width:100px; margin-right: 6px;}
#eyebrowNav a:hover{color:#fff; text-decoration:nonebackground:url('../graphics/eyebrow_arrow.gif') no-repeat 19px 15px ;}

#header #search{position:absolute; bottom:0; left:640px; padding:10px 10px 0; width:280px !important; height:40px; background:#a8b700 url(../graphics/top-contacto.gif) no-repeat left top}
#header #search p{margin:0; padding:0; display:inline}

#search .textbox{width:186px; padding:7px 8px; height:14px; border:1px solid #FFEE8F; border-right:none; float:left; color:#5d4f06; font-weight:bold; font-size:11px; background:url('../graphics/search_box.gif') no-repeat top left}

#search .button{width:77px; height:30px; padding:0; float:right; margin:0}



/* --------------------------------------- */
/* Portfolio Area
/* --------------------------------------- */
#portfolioWrap{width:100%; height:300px; margin:0 0 20px 0; overflow:hidden}
#portfolioWrap.subpage{overflow:visible; height:auto}
#portfolio{position:relative}
.container_12 #previous, 
.container_12 #next{font-size:75px; width:40px; height:40px; display:block; cursor:pointer; position:absolute; top:128px}
#next.pagination{background:url('../graphics/right_arrow_on.gif') no-repeat}
#previous.pagination{background:url('../graphics/left_arrow_on.gif') no-repeat}

#next.pagination.inactive{background:url('../graphics/right_arrow_off.gif') no-repeat}
#previous.pagination.inactive{background:url('../graphics/left_arrow_off.gif') no-repeat}

.pagination.inactive{cursor:default !important}

.hoverBlock .grid_4{margin-bottom:20px; position:relative; width:290px !important; height:290px; border:5px solid black; overflow:hidden}

#portfolio #previous{left:-55px}
#portfolio #next{right:-55px}

#portfolio img.portfolio-image{position:absolute; top:0; left:0; display:block; margin:0 }

#portfolio .portfolio-info{height:270px; padding:12px 15px; width:270px; background:#000 url('../graphics/portfolio_hover_bg.gif') repeat-x top}

.entry-1{margin-left:0}

.portfolio-info h3{font-size:14px; margin:0 0 1px 0; padding:0; color:#A8B700; text-transform:uppercase}
.portfolio-info small{font-size:11px; color:#a7a7a7; display:block; margin:0 0 10px 0; padding:0}
.portfolio-info p{font-size:14px; line-height:17px; margin:0 0 22px 0; color:#e4e4e4}
.portfolio-info p strong{font-variant:small-caps}
.portfolio-info .button{float:right}
.portfolio-info .button.left{bottom:10px; margin:0 10px 0 0; position:absolute; right:0}

/* --------------------------------------- */
/* Main Content Block
/* --------------------------------------- */
.main-content-block{background:#555; border:1px solid #6b6b6b; padding:20px; margin:0 0 20px; overflow:auto; height:auto}
.main-content-block a{color:#a8b700; text-decoration:underline}
.main-content-block a:hover{color:#fff; text-decoration:none}
.main-content-block h2, .sidebar-block h2{text-transform:uppercase; font-size:20px; margin:0; padding:0 0 10px 0; border-bottom:1px solid #404040}
.main-content-block p{margin:0; font-size:14px; line-height:21px; padding:10px 0 0 0}
.main-content-block p.rojo{color:#F00; background:#FFF; margin:10px; padding:10px}
.main-content-block p.with-border{border-top:1px solid #6c6c6c}
.main-content-block .news-block{
	margin:5px 5px 10px 27px;
	padding:10px;
	width:80%;
	border-top:1px solid #6C6C6C;
	border-right:1px solid #404040;
	border-bottom:1px solid #404040;
	border-left:1px solid #404040;
}

.main-content-block .news-block:hover{ background-color:#666}
.main-content-block .news-block.last{padding-bottom:0 !important; border-bottom:none !important}
.main-content-block .news-block img.thumb{margin-top:0 !important; border:1px solid #fff}
.main-content-block .news-block h3{margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; text-align:center}
.main-content-block .news-block p{padding:0; margin:0; font-size:14px; line-height:21px}

/* --------------------------------------- */
/* Sidebar Block
/* --------------------------------------- */
.sidebar-block{color:#3f3f3f; background:#a8b700; padding:20px; margin:0 0 20px 0}
.sidebar-block a{color:#FFF; text-decoration:underline}
.sidebar-block a:hover{color:#666; text-decoration:none}

.sidebar-block h2{border-bottom:1px solid #898700}
.sidebar-block h2.services{padding-left:30px; background:url('../graphics/icon_services.gif') no-repeat}
.sidebar-block h3{font-weight:bold; padding:0; margin:0 0 3px 0}
.sidebar-block p{margin:0; font-size:14px; line-height:23px; padding:10px 0 0 0}
.sidebar-block p.with-border{border-top:1px solid #CED54B}
.sidebar-block .hover-block{border-top:1px solid #ced54b; border-bottom:1px solid #898700; padding:10px 14px}
.sidebar-block .hover-block:hover{border-bottom:1px solid #fbeb8f; background:#ced54b}
.sidebar-block .hover-block p{font-size:12px; line-height:17px}
.sidebar-block .hover-block.last{border-bottom:none !important}

/* --------------------------------------- */
/* All-Around Content Styling
/* --------------------------------------- */
.main-content-block h3{font-size:16px; font-weight:bold; padding:20px 0 0 0; margin:0}
.sidebar-block h3{font-weight:bold; margin:0}

.main-content-block h4, 
.sidebar-block h4,{font-size:14px; font-weight:normal; font-style:italic; color:#E2C10B; padding:0; margin:0}

/* --------------------------------------- */
/* Footer
/* --------------------------------------- */
#footer{background:#222 url('../graphics/footer_bg.gif') no-repeat; color:#a5a5a5; padding:20px; position:relative; line-height:19px; font-size:12px; width:900px !important}
#footer span{position:absolute; text-align:right; right:20px; top:20px}
#footer span a{text-transform:none !important}
#footer a{color:#a8b700; text-decoration:none; text-transform:uppercase}
#footer a:hover{color:#fff; text-decoration:none}

/* --------------------------------------- */
/* Forms
/* --------------------------------------- */

* html legend{margin-left:-7px}/* ie6 */

*+html legend{margin-left:-7px}/* ie7 */



* html input.radio, * html input.checkbox{vertical-align:middle}/* ie6 */

*+html input.radio, *+html input.checkbox{vertical-align:middle}/* ie7 */

textarea{overflow:auto}
input.text, input.password, textarea, select{background:#FFF; color:#555; height:15px; padding:7px 8px 5px 8px; margin:0; font:1em/1.3 Helvetica,Arial,"Liberation Sans","Bitstream Vera Sans",sans-serif; vertical-align:bottom}
textarea{height:180px; width:250px}

/* horizontal layout */
#search h4{color:#FFF; text-align:right; margin-top:-5x; font:500 14px "Trebuchet MS",Arial,Helvetica,sans-serif; background:url(../graphics/contacto.gif) no-repeat 50px}

/**** listas*********/
 ul{margin-left:2em; list-style:circle; line-height:22px; margin-top:0.5em}
/**** fin listas*********/
.segundos{height:150px; width:150px; position:absolute; right:0px}
.doctorweb{	height:180px;	}
/*.doctorweb:hover{background:#A8B700 url(doctorweb.jpg) no-repeat center -175px; height:180px; margin-bottom:10px}*/
.doctorweb h3{text-indent:-5000px; display:block}

.portfolio{margin-top:-20px}
.cexito li{background:url(flecha.gif) no-repeat left 5px; padding:0px 0px 0px 25px; list-style:none; margin-left:-20px}
.casos{width:265px; float:left; margin-right:20px}
.marca{color:#333}
/****************FORMULARIO DE CONTACTO***************/
#formulario{width:99%; margin-bottom:1em; margin-top:1.5em}
.sombra legend{/*****con estos datos cuadra bien en explorer... en ff y en chrome no */background:#A8B700; color:#FFF; font-size:1.3em; font-variant:small-caps; font-weight:bold; letter-spacing:3px; float:right; padding:0.3em 0.5em; margin-bottom:1em}
.sombra fieldset{border:1px solid #CCC; padding:10px 20px; text-align:left}
.contacto{}
#form1 #izquierda{float:left; width:240px; margin-top:1em}
#form1 #derecha{float:right; width:275px; margin-top:1em; text-align:right}

#form1 input{background-color:#F4F4F4; margin-bottom:10px}
#form1 input:focus, #form1 textarea:focus{background-color:#A8B700; color:#fff}
.botones-contacto{background-color:#A8B700 !important; color:#FFF; float:right; margin-right:10px; margin-left:10px; border:1px solid #CCC; padding-right:5px; padding-left:5px; font-weight:bold}

.destacado{color:red}

.imgdcha{padding:4px; margin:0; border:#999 solid 1px; background-color:#FFF; text-align:center}
.imgizda{float:left; padding:5px; margin:0 2em 0em 0em; border:#999 solid 1px}
.imgdcha_sin{float:right; ; margin:1em}

/*****************/
 img.mini-izda{float:left; padding:4px; margin-right:15px; margin-left:5px; background:#FFF; margin-bottom:20px}
img.mini-izda:hover{background-color:#A8B700; border:none}
/*********** publicaciones/******************/
/***************** columna estrecha*****************/
.colu-estre{width:80%; height:270px; background:#FFF no-repeat center top; margin:10px auto 20px; padding:0px; -moz-border-radius:10px; /*mozilla*/-webkit-border-radius:10px; /*safari*/}
.colu-estre h3{width:87%; position:relative; top:0px; margin-right:auto; margin-left:auto; font-weight:bolder; color:#A8B700; font-variant:small-caps; font-size:16px; padding:8px; text-align:center; border-bottom:1px solid #CCC}
.colu-estre img{border:1px solid #CCC; padding:2px; margin-bottom:5px}
.colu-estre img a:hover{opacity:0.9}
.colu-estre img.mini-izda{float:left; border:1px solid #CCC; padding:3px; margin-right:15px; margin-left:5px}
.c-exito img.mini-izda{float:left; border:1px solid #CCC; padding:3px; margin-right:15px; margin-left:5px}

.logos{height:60px; margin:0.5em 1em; padding:0.2em; /*-moz-border-radius:5px; */border-bottom:1px solid #CCC}
.logos:hover{height:60px; margin-bottom:0.3em}
.logos .descripublicaciones{padding-top:0px}
.logos .descripublicaciones a{color:#666; text-decoration:none}
.logos .descripublicaciones a:hover{color:#666; text-decoration:underline}
.logos .descripublicaciones{line-height:130%}
.logos a .mini-izda{opacity:0.5; filter:alpha(opacity=50)}
.logos a:hover .mini-izda{opacity:1; filter:alpha(opacity=100)}
.ocultar{display:none}
.webs{width:80%; height:auto; background:#FFF no-repeat center top; margin:10px auto 20px; padding:20px; -moz-border-radius:10px; /*mozilla*/-webkit-border-radius:10px; /*safari*/text-align:center}
.webs img{border:1px solid #999; padding:5px}
.webs p{color:#333; text-align:left; padding-left:25px}
/**************************************************************************DESCARGAS***************/
.descargas{width:41%; height:auto; float: left; background:#FFF no-repeat center top; margin:10px 20px 10px 0px; padding:15px; -moz-border-radius:10px; /*mozilla*/-webkit-border-radius:10px; /*safari*/text-align:center}
.descargas img{border:1px solid #999; padding:5px; float: left; margin-right: 10px;}
.descargas p{color:#333; text-align:left; padding-left:25px}
.descargarzip{padding-right:18px; background:url(descargar.png) no-repeat right 4px}
.previsualizar {padding-right:25px; background:url(visualizar.png) no-repeat right 4px}
.descargas p a:hover{color:#333}
/**************************************************************************LO DE AHORA**************/

.destinoext{padding-right:18px; background:url(external_link.gif) no-repeat right 4px}
.webs p .destinoext a:hover{color:#333}
a.destinoext:hover{color:#000}
.webs p strong{font-variant:normal}
.verde{color:#A8B700}

#search h4 a{color:#FFF}

ul.i-corporativa{list-style:none; margin-left:0px}
ul.i-corporativa li{float:left; padding:3px; margin:5px}
ul.i-corporativa li a{display:block; height:60px; padding:4px 0; width:160px; text-align:center; border:1px solid #CCC; background:#FFF}
ul.i-corporativa li a:hover{background-color:#A8B700}
.ocultar{display:none}
.i-corporativa li .ocultar{display:none}
.verde{color:#A8B700}
.mayusculas{font-variant:small-caps}
address{font-style:normal}
.logos .descripublicaciones a strong{color:#A8B700; font-weight:600}

p strong{
	font-weight:600;
	font-variant:normal
}
.servicios{margin-top:10px; margin-bottom:10px}
.valido{margin-left: 370px;}
.hover-block h4 {
	margin-top: 10px;}
.derecha{float: right; margin: 5px 0 5px 5px;}
.izquierda{float: left; margin: 5px 5px 5px 0;}
.borde{padding:4px; border:#CCC solid 1px;}


#formulario form fieldset {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em;
}


#formulario form fieldset legend {
	color: #A8B700;
	font-weight: 600;
}

.fverde{
	background-color:#A8B700;
	margin: 5px;
	clear: left;
}
.botones {
	margin-right: 60px;
	margin-left: 328px;
}
#title {
	background:#A8B700 url(images/ribbon-back.gif) repeat-x scroll center bottom;
	color:#FFFFFF;
	float:right;
	font-size:30px;
	left:0;
	padding:3px 15px;
	position:relative;
	top:0;
}
.blanco{color: #FFF !important}


/* --------------------------------------- */
/* Navigation Bar
/* --------------------------------------- */
#navigation{background:url('../graphics/navigation_bg.gif') repeat-x right top; height:41px; padding:13px 0 0 8px; margin-bottom:20px; position:relative; width:932px}
#navigation .grid_11{height:41px}
#navigation ul{list-style:none; margin:0; padding:0}
#navigation ul li{font-size:20px; text-transform:uppercase;  float:left}
#navigation ul li.current{display:block; color:#474747; background:url('../graphics/nav_active_left.gif') no-repeat top left}
#navigation ul li.current span{padding:3px 15px; display:block; background:url('../graphics/nav_active_right.gif') no-repeat top right; color:#333}
#navigation ul li a{text-decoration:none; display:block; color:#A8B700; padding:1px 15px}
#navigation ul li a:hover{color:#FFF}

/**********estilos del menu de segundo nivel*************/ 

#navigation ul li.nivel1 {
margin-right:2px;
position:relative;
width:162px;
}
/*#navigation ul li a.nivel1 {display:block;}*/

#navigation ul li ul {display:none;}
/*#navigation ul li a:hover, #navigation ul li:hover a.nivel1 {position:relative;}*/
#navigation ul li a:hover ul, #navigation ul li:hover ul {
	display:inline;
	margin-top:0;
	position:absolute;
	width:900px;
	left: 10px;
}
#navigation ul li ul li a {
background:transparent url(../imgs/fondo_nivel2.gif) no-repeat scroll 10px 8px;
color:#FFFFFF;
display:block;
font-size:13px;
height:25px;
padding-left:9px;
padding-right:7px;
padding-top:9px;
text-align:center;
width:160px;
}
#navigation ul li ul li a:hover {	color:#333;
}
table.falsa {
border:0 none;
border-collapse:collapse;
float:left;
position:relative;
}
ul.uno {
left:0;
}
ul.dos {
position:relative;
}
/**********************fin de estilos del menu de segundo nivel*************************/
.boton-contactar{ float: left; margin-top: -38px; margin-left: 200px;}
.adwords{ background-color:#FFFFFF;color:#666666; float:right; margin:10px 0 10px 10px; padding:15px; width:220px;}
.adwords ul li{ margin-left: 0px;}
.libro{
	background: #A8B700 url(../imgs/catalogo.png) no-repeat 215px center;
}