/*** RESETS ***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-style: inherit; font-size: 100%; font-family: inherit;}
ul, ol{list-style:none}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0}
/* Remove annoying border on linked images. */
a img{ border: none}
/*saca bordes naranjas en chrome etc*/
*:focus{outline: none}

/*** FIXES ***/
.clfix:after{visibility:hidden; display:block; content:"."; clear:both; height:0} /*clearfix*/
.clfix{display:block}
ol{margin-left:2em} /*Fixes incorrect placement of numbers in ol's in IE6/7*/

/*** GENERALES ***/
body{width:100%; height:100%; background:url(images/bg.jpg) top center repeat-x #F1F1F1; font-size:0.9em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

p{padding-bottom:8px; text-align:justify}
a {color:#3CB7FE; text-decoration:none}
a:hover {color:#333; text-decoration:underline}
h1{ font-size:1.8em; color:#B2902C; text-shadow: 0 1px 1px #777}
h2{ font-size:1.2em; color:#22232B}

/*** TIPOS ***/
/* Generales */
.wrapper{width:100%; margin:0 auto;}
.header_home, .content_home, .header, .content{width:960px; margin:0 auto}
.header_home{height:383px}
.header{height:143px; position:relative}
.content_home{ position:relative; height:383px; margin-top:-10px}

.txt{height:155px; padding:28px 0 0; position:relative}
.txt h1{color:#333; font-size:1.5em}
.txt a{ position:absolute; background:url(images/btn_contactar.png) no-repeat top center; width:175px; height:36px; right:0; bottom:15px; display:block; text-indent:1000px; overflow:hidden}
.txt a:hover{ background-position:0 -36px}

.txt_cont{padding:15px 0}
.txt_cont h1{ margin-bottom:10px; color:#999}

.bg{width:100%}
.bg2{width:100%; background:url(images/bg_cont.jpg) repeat-x top center #E1E1E1}
.bgbody{background:url(images/bg_2.jpg) repeat-x top center #F2F2F4}

.foto{border:3px solid #BFBFBF; float:left; margin-bottom:13px}
a:hover .foto{border:3px solid #999}
.imageOver{ background:url(images/ampliar.png) no-repeat 3px 3px; position:relative; filter:alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}

input[type="text"]:focus, textarea:focus, input[type="password"]:focus, select:focus{-moz-box-shadow: 0 0 6px #AFAFAF; box-shadow:0 0 6px #AFAFAF; -webkit-box-shadow:0 0 6px #AFAFAF;}

.footer{background:url(images/bg_footer.jpg) top center repeat-x #F4F4F4}
.footer_cont, .footer_cont_index{height:160px; position:relative; width:960px; margin:0 auto; text-align:left; padding:16px 0 0; color:#6F6F6F}
.footer_cont_index{width:918px}
.footer_cont a, .footer_cont_index a{color:#6F6F6F}
.footer_cont a:hover, .footer_cont_index a:hover{color:#333}

.social{position:absolute; text-align:right; right:5px; top:16px}
.social h2{font-size:1em; color:#6F6F6F; font-weight:normal; margin-bottom:4px}
.facebook, .twitter, .linkedin{display:inline-block}
.facebook a, .linkedin a, .twitter a{background:url(images/social.jpg); width:54px; height:54px; display:block; text-indent:1000px; overflow:hidden}
.facebook a {background-position:0 -54px}
.facebook a:hover {background-position:0 0}
.twitter a{background-position:-54px -54px}
.twitter a:hover {background-position:-54px 0}
.linkedin a{background-position:-109px -54px}
.linkedin a:hover {background-position:-109px 0}


/* paddings margins - microestilos*/
.pa3{padding:20px} .pa2{padding:10px} .pa{padding:5px}
.pa_r2{padding-right:15px}
.ma3{margin:20px} .ma2{margin:10px} .ma{margin:5px}
.ma_r3{margin-right:20px} .ma_r2{margin-right:15px} .ma_r{margin-right:5px}
.ma_b{margin-bottom:10px}
.ma_t3{margin-top:15px} .ma_t2{margin-top:10px}
.blanco{color:#FFF !important}
.font_8{font-size:.9em; line-height:1.4em; color:#A2A2A2}
.mostrar{display:block} .ocultar{display:none}
.cl_b{clear:both;} .cl_l{clear:left;} .cl_r{clear:right}
.ta_l{text-align:left} .ta_r{text-align:right} .ta_c{text-align:center}  .ta_j{text-align: justify} 
.fl_r{float:right} .fl_l{float:left}
.rad, textarea, input, .boton{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}

/* nav home */
.hover-css a, .hover-anims a, .hover-anims span { display:block; height:309px; padding-top:51px; position:absolute; left:23px; overflow:hidden; text-decoration:none; background:url(images/menu.png) no-repeat 0 0; z-index:0 }
.hover-anims span { position:absolute; left:0; top:0; }
.hover-css .one a, .hover-anims .one a, .hover-anims .one span { width:289px}
.hover-css .one a:hover, .hover-anims .one span { background-position:0 -360px}
.hover-css .two a, .hover-anims .two a {position:absolute; left:336px; width:289px; background-position:-289px 0; }
.hover-css .two a:hover, .hover-anims .two span { width:289px; background-position:-289px -360px; }
.hover-css .three a, .hover-anims .three a {position:absolute; left:651px; width:289px; background-position:-578px 0; }
.hover-css .three a:hover, .hover-anims .three span { width:289px; background-position:-578px -360px; text-decoration:none }
.hover-anims a span.other {	display:inline; width:auto; height:auto; padding:0; position:absolute; left:0; padding:13px; top:135px; z-index:10; color:#CCC; background:none}
.hover-anims a:hover{color:#FFF !important}

/* boxes */
.boxgrid{ width: 466px; height: 140px; margin-bottom:15px; float:left; background:#161613; border: solid 3px; border-color: #CCCCCC #BFBFBF; overflow: hidden; position: relative}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0}
.boxgrid p{ color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif}
.boxcaption{ float: left; position: absolute; background: #000; height: 200px; 	width: 446px; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);	/* For IE 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.captionfull .boxcaption {top: 240px;	left: 0}
.caption .boxcaption {top: 240;	left: 0}
.cover{ padding:5px 10px 10px 10px; position:relative}
.cover h3{color:#FFF; display:inline; font-size:1.3em; font-weight:normal; margin-top:20px}
.cover h4{color:#FFF; display:inline; font-size:0.8em; font-weight:normal; margin-top:20px}
.cover a{position:absolute; bottom:85px}
.clear_link{position:relative !important; bottom:auto !important}
.lugar{ position:absolute; top:9px; text-align:right; right:14px; color:#CCC; font-size:0.8em; font-weight:normal}

/* navegador */
/* Styles for the entire LavaLamp menu */
.lavaLamp {position: absolute; height: 29px; width: 595px; background:none; padding: 6px 50px; right:-95px; top:97px; overflow: hidden}
/* Force the list to flow horizontally */
.lavaLamp li {float: left; list-style: none}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {background: url("images/lava.gif") no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute}
.lavaLamp li.back .left { background: url("images/lava.gif") no-repeat top left; height: 30px; margin-right: 9px}
/* Styles for each menu-item. */
.lavaLamp li a {position: relative; overflow: hidden;text-decoration: none;text-transform: uppercase;font: bold 15px arial;color: #fff; outline: none;text-align: center;height: 30px; top: 7px; z-index: 10; letter-spacing: 0; float: left; display: block; margin: auto 10px}
.lavaLamp li a:hover { color:#FFF}

/* formulario */
.form{ margin-left:26px}
.boton { background:#0697EC; color:#FFF; border:0px solid #FF9FD2; padding:3px 10px; _padding:0; cursor:pointer}
.boton:hover { background:#1FAFFF; color:#FFF; border:0px solid #FF9FD2; padding:3px 10px; _padding:0}
textarea, input{ border: solid 1px #BCBCBC; background:#F5F5F5;  padding: 2px}