/*** 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}
/* 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.png) center -12px repeat-x #2A2A2A; font-size:100%; font-family: 'Source Sans Pro', sans-serif; font-weight:200; color:#666}

p{padding-bottom:8px; text-align:left}
a {color:#666; text-decoration:none; -moz-transition:color 300ms ease; -webkit-transition:color 300ms ease; -o-transition:color 300ms ease; transition:color 300ms ease}
a:hover {color:#159ED2; text-decoration:underline}
h1{ font-size:1.8em; color:#000; font-weight:300}
h2{ font-size:1.2em; margin-bottom:15px; color:#159ED2; font-weight:300}
h3{ font-weight:normal; margin:10px 0 5px; font-size:1.2em}
/* columnas*/
.row{zoom:1;margin-left:8px; padding:25px 0; _margin-left:-14px}.row:before,.row:after{display:table;content:"";zoom:1}
.row:after{clear:both}
.row>[class*="span"]{display:inline;float:left;margin-left:20px}
.span4, .span4_pa, .span3_pa, .span3, .span6, .span8, .span8_pa, .span9, .span12{width:288px; float:left; _margin-left:20px; position:relative}
.span3{width:211px; text-align:left !important} .span3_pa{width:191px; padding:10px}
.span4_pa{width:268px; padding:10px}
.span6{width:442px}
.span8{width:596px}
.span8_pa{width:576px; padding:10px}
.span9{width:673px}
.span12{width:904px}
.fondo{background:#111}

/*** TIPOS ***/
/* Generales */
.wrapper{width:100%; margin:0 auto;}
header, .header, .content, .footer_cont{width:960px; font-size:.85em; margin:0 auto; position:relative}
.bg{width:100%; background:#FFF}
.lista{list-style:inside disc; line-height:1.4em}
.backg{background:#e2f7ff}
.backg{ background:#CDECF7}

/* header */
header, .header{height:380px}
.logo{position:absolute; left:18px; top:22px}
nav, .nav{position:absolute; color:#FFF; right:20px; top:75px}
nav li{ display:inline}
nav li a{color:#FFF; font-size:1.2em; margin:0 0 0 15px; padding-top:10px; background-position:center 30px; -moz-transition-property: color, background-position;-webkit-transition-property: color, background-position∫;-o-transition-property: color, background-position;-moz-transition-duration: 300ms;-webkit-transition-duration: 300ms;-o-transition-duration: 300ms; }
nav li a:hover{background:url(images/marca.png) no-repeat top center; text-decoration:none}
.idioma{position:absolute; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; top:15px; right:20px; font-size:.85em}

/* slide */
/*--Main Container--*/
.main_view { float: left; margin-top:119px; position: relative}
/*--Window/Masking Styles--*/
.window {height:283px; width:960px; border:0; overflow:hidden; /*--Hides anything outside of the set width/height--*/	position: relative}
.image_reel {position: absolute; top: 0; left: 0}
.image_reel img {float: left}
/*--Paging Styles--*/
.paging {position: absolute; bottom: -12px; right: 20px;width: 100px; height:49px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: right; line-height: 30px; display: none; /*--Hidden by default, will be later shown with jQuery--*/ }
.paging a {	padding:0; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px	text-decoration: none; background:#159ED2; width:10px; height:10px; display:inline-block; overflow:hidden; text-indent:10000px}
.paging a.active {background: #FFF; border:0}
.paging a:hover {font-weight: normal}


.home_img_1 p, .home_img_2 p{position:absolute; top:144px; padding:15px;}
a.home_img_1, a.home_img_2 {background-image:url(images/imag_00.jpg); background-position: top left; color:#666; -moz-transition-property: color, background-image; -webkit-transition-property: color, background-image;-o-transition-property: color, background-image;-moz-transition-duration: 300ms;-webkit-transition-duration: 300ms;-o-transition-duration: 300ms;  width:288px; height:266px; display:block}
a:hover.home_img_1, a:hover.home_img_2 {background-image:url(images/imag_01.jpg); background-position: top left; color:#222; width:288px; height:266px; display:block}
a.home_img_2{background-image:url(images/imag_03.jpg)}
a:hover.home_img_2 {background-image:url(images/imag_04.jpg)}

/* footer */
footer, .footer{background:url(images/bg-footer.jpg) top center repeat-x}
.footer_cont{height:225px; width:904px; text-align:left; padding:20px 28px}
.footer_cont a{color:#b0afaf}
.footer_cont a:hover{color:#FFF}
.footer_cont ul{float:left}
.footer_cont li{border-bottom:1px dashed #444; margin-bottom:7px; display:block; width:288px}
.footer_cont li a:hover{text-decoration:none}
.datos_pie{position:absolute; color:#999; right:28px; top:20px; text-align:right}
.datos_pie li{border-bottom:0px dashed #444}
a.firma{position:absolute; color:#666; right:28px; bottom:20px; font-size:.7em}

/* paddings margins - microestilos*/
.pa3{padding:20px} .pa2{padding:15px} .pa{padding:5px}
.ma3{margin:20px} .ma2{margin:10px} .ma{margin:5px}
.ma_t{margin-top:15px}
.pa_b{padding-bottom:15px}
.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{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}

/* forms */
.nota{font-size:.8em; font-style:italic; color:#666; padding:5px; display:inline}
input[type=checkbox],input[type=radio]{cursor:pointer}
input,textarea,select,.uneditable-input{display:inline-block;width:270px;height:15px;padding:4px;font-size:13px;line-height:18px;color:#999; background:#FFF;border:0px solid #777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
select{padding:initial}
input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none}
input[type=file]{background-color:#fff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto}
select,input[type=file]{height:27px;*height:auto;line-height:27px;*margin-top:4px}
select[multiple]{height:inherit;background-color:#fff}
textarea{ font-family:inherit; font-size:inherit; height:auto; width:546px; height:70px}
.uneditable-input{background-color:#fff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed}
:-moz-placeholder{color:#cfcfcf; font-style:italic}
::-webkit-input-placeholder{color:#bfbfbf}
label{clear:both; display:block; margin:10px 0 5px 0}
input,textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1)}
input:focus,textarea:focus{outline:0;border-color:rgba(0, 0, 0, 0.4);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(0, 0, 0, 0.4);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(0, 0, 0, 0.4);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(0, 0, 0, 0.4)}
input[type=file]:focus,input[type=checkbox]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:1px dotted #666}

.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:4px 14px 4px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none}
.btn:focus{outline:1px dotted #666}
.btn.primary{color:#000;background-color:#E0A437;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#DD9218), color-stop(25%, #DD9218), to(#E0A437));background-image:-webkit-linear-gradient(#DD9218, #DD9218 25%, #E0A437);background-image:-moz-linear-gradient(top, #DD9218, #DD9218 25%, #E0A437);background-image:-ms-linear-gradient(#DD9218, #DD9218 25%, #E0A437);background-image:-o-linear-gradient(#DD9218, #DD9218 25%, #E0A437);background-image:linear-gradient(#DD9218, #DD9218 25%, #E0A437);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD9218', endColorstr='#E0A437', GradientType=0);border-color:#F0B84B;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)}
.btn.active,.btn:active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05)}
.btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

/* validation */
label {}
label.error { float: none; font-style:italic; color: red; clear:both; display:block; vertical-align: top}