/* ----------------------------- */
/* calculadora css personalizado */
/* ----------------------------- */

.wr,#main{
width:980px;
margin:0 auto;
}

/*Nav*/

#nav{
width:980px;
margin:0 auto;
position:relative;
z-index:900;
}
#nav li{
float:left;
/* background:url(../img/bg_nav.jpg) no-repeat right top; */
position:relative;
padding:0;
}
#nav li a{
float:left;
width:auto;
/*padding:20px 20px 0 15px;*/
text-align:left;
padding:5px  5px 0 0px;
margin:15px 10px 0 10px;
color:#F4F9E8;
text-decoration:none;
font-size:17px;
font-weight:bold;
line-height:18px;
height:42px;
/*font-family: 'PT',Arial, Helvetica, sans-serif;*/
font-family: Arial, Helvetica, sans-serif;
position:relative;
}
#nav li a.an{
/*padding:13px 20px 0 15px;*/
padding:15px  0px 3px 0px;
margin:0px 10px 0 10px;
width:108px;
height:44px;
}
#nav li a#n_1{
width:83px;
}
#nav li a#n_2{
width:98px;
}
#nav li a#n_3{
width:88px;
}
#nav li#n_4{
background:none;
}
#nav li a:hover,#nav li a.cur {
/* background:url(../img/bg_act.jpg) no-repeat left bottom; */
}
#nav ul{
width:178px;
position:absolute;
left:-3px;
background-color:#FFFFFF;
/*border:1px solid #B4B4B6;*/
margin:57px 0 0 12px;
display:none;
z-index:100;
padding-top:5px;
/* background:url(../img/bg_act.jpg) no-repeat left top #FFF; */
}
#nav ul li{
float:none;
padding:0;
}
#nav ul li a{
border:none;
padding:5px 10px;
font-size:15px;
margin:0;
width:168px;
height:auto;
color:#666666;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
}
#nav ul li a:hover{
background:none;
color:#6A389D;
}
#nav li:hover > ul, #nav a:focus > ul{

display:block;
}
#nav li a:hover,  #nav li:hover > a{
color:#FFF;
/*
border-top:3px solid #B4B4B6;
margin: -2px 25px 0 0px;
*/
}
#nav ul li a:hover,  #nav ul li:hover > a{
border-top:none;
margin:0;
}
#nav .sub >a {
/* background:url(../img/nav_plus.png) 0 50px no-repeat; */
}

div{
display:block;
}

/*banner*/

.nav_ban{
position:absolute;
top:318px;
width:659px;
z-index:900;
height:30px;
/* background:url(../img/bg_nav_ban.png) 0 bottom no-repeat; */
text-align:center;
padding:10px 0 0 0;
}
.nav_ban a{
display:inline-block;
margin: 0  10px 0 0;
/* background:url(../img/bg_nav_ban.png) -659px top no-repeat; */
width:20px;
height:20px;
}
.nav_ban a.cur, .nav_ban a:hover{
/* background:url(../img/bg_nav_ban.png) -659px -20px no-repeat; */
}

.sep_l{
clear:both;
width:100%;
padding:20px 0 0 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #B4B4B6;
}
.sep20{
clear:both;
width:100%;
padding:10px 0 0 0;
margin: 0 0 10px 0;
}
.sepcon{
clear:both;
height:300px;
}

.rec{
margin:10px 0 0 0;
width:259px;
font-size:13px;
height:319px;
float:right;
padding:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius: 20px;
background: #F1F1F1; /* for non-css3 browsers */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#F1F1F1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#F1F1F1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #DFDFDF,  #F1F1F1); /* for firefox 3.6+ */ 
}
.no-borderradius div.rec{
background:none;
/* background:url(../img/bg_rec.png) no-repeat; */
}
.cat .rec{
height:279px;
}
.rec img{
float:right;
margin:0 10px 0 0 ;
}
.rec h6{
margin:0 0 10px 0;
}
.rec h3{
float:left;
width:150px;
line-height:27px;
margin:0 0 0px 0;
}
.rec p{
display:block;
clear:both;
margin:10px 0;
*margin:0 0 10px 0;

}
#bot_cal{
clear:both;
display:block;
/* background:url(../img/botones.png) no-repeat; */
width:228px;
height:54px;
margin: 20px 0 0 0;
}
#bot_cal:hover{
background-position: 0 -54px;
}
 .le{
 float:left;
 width:auto;
 }
  .ri{
 float:right;
 width:auto;
 }

 /*Ubicacion*/

 .mapa{
margin:10px 0 20px 0;
width:450px;
height:729px;
float:left;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;
background: #F1F1F1; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#F1F1F1'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#F1F1F1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #DFDFDF,  #F1F1F1); /* for firefox 3.6+ */ 
} 
#mapa_2{
float:right;
}
.mapa h3, .contacto h3{
padding:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;
background:#f39d12;		/* color taronga  */
color:#FFFFFF;
position:relative;
}
.contacto h4{
color:#1F1F1F;	
font-size:24px;
}
.mapa h3 img,  .contacto h3 img{
position:absolute;
top:-60px;
right:10px;
}
.mapa h4 {
font-size:23px;
margin:10px 0 5px 0;
}
.mapa p{
padding: 0 0 10px 0;
border-bottom:1px solid #CECECE;
margin:0 0 10px 0;
}
#map_1,#map_2{
margin:20px 0 0 0;
width:450px;
height:380px;
}
.mapa  a{
color:#000000;
text-decoration:none;
}

/*Contacto*/
 
 .contacto{
margin:10px 0 20px 0;
width:470px;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius: 10px;
background: #F1F1F1; 
}

form input, form textarea, form select{
background:#F1F1F1;
border:none;
border: 1px solid #999999;
width:427px;
}
form#form_d input, form#form_d textarea, form#form_d select{

width:380px;
}
form textarea{
height:163px;
}
form table{
width:900px;
}
form#form_d table{
width:427px;
}
form input#bot_cont{
display:block;
/* background:url(../img/botones.png) no-repeat -638px 0; */
width:168px;
height:54px;
margin: 0;
float:right;
border:none;
}
form input#bot_cont:hover{
background-position: -638px -54px;
}
form input#bot_cup{
display:block;
/* background:url(../img/botones.png) no-repeat -1055px 0; */
width:228px;
height:54px;
margin: 0;
float:right;
border:none;
}
form input#bot_cup:hover{
background-position:  -1055px -54px;
}
form input#captcha{
width:100px;
}
form .nota{
font-size:12px;
}
form a{
color:#000000;
}
form input.alert, form textarea.alert,form select.alert{
background-color:#FA1900;
color:#FFFFFF;
}

/*Calculadora*/

#calculadora .w400{
width:448px;
margin:0 0 0 0px;
padding:5px;
}
#calculadora .bor{
padding:10px 20px 10px 10px;
}
#calculadora h4 span{
color:#1F1F1F;	
font-size:26px;
}
#amb,#car{
height:230px;
overflow:scroll;
margin:20px 0;
}
#nav_amb{
width:400px;
clear:both;
margin:20px 0;
}
#nav_amb a{
background-color:#f39d12;  /*taronga*/
color:#FFFFFF;
display:inline-block;
padding:7px 10px;
margin:0  10px 10px 0;
text-decoration:none;
width:auto;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
}
#nav_amb a:hover{
background-color:#FF1900;   /* vermell */
}
#borrar{
background-color:#f39d12;  /*taronga*/
color:#FFFFFF;
display:inline-block;
padding:3px 5px;
float:right;
text-decoration:none;
width:auto;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
}
#borrar:hover{
background-color:#FF1900; /* vermell */
color:#FFFFFF;
}
#nav_amb a.cur{
background-color:#FF1900;  /* vermell */
}
#car a, #amb a{
float:left;
width:75px;
height:90px;
margin: 0 2px 5px 0;
border:1px solid #CCCCCC;
text-align:center;
padding:3px;
text-decoration:none;
font-size:12px;
}
#car a img, #amb a img{
display:block;
}
#car a span, #amb a span{
display:none;
}
#car a span.nom, #amb a span.nom{
display:inline;
color:#1F1F1F;		/* negro */
}
#amb a:hover{
/* background:url(../img/bt_mas.gif) no-repeat right bottom #FFF; */
}
#car a:hover{
/* background:url(../img/bt_menos.gif) no-repeat right bottom #FFF; */
}
#espacio{
text-align:left;
font-size:20px;
}
.ui-effects-transfer { 
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
}
#ver_box{
display:block;
/* background:url(../img/botones.png) no-repeat -807px 0; */
width:248px;
height:54px;
margin: 0;
float:right;
border:none;
}
#ver_box:hover{
background-position: -807px -54px;
}

h4 span{
color:#FFFFFF;
font-size:28px;
}

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; *display:block;clear:both;}
.clearfix{display:block;clear:both;}

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/*2017*/
#consultas > div{line-height: 20px;font-size:25px;}
#consultas > div a:hover{color:#FFF;}
#consultas h3{margin:0;clear:both;}
.soc {float:right;margin:0;background:#FF1901;border-radius: 0 0 10px 10px;padding:5px 3px;clear:both;}
/* .soc a{display:block;float:left;opacity:1;background:url("../img/ic_soc.png");width:25px;height:25px;margin:0 5px;} */
.soc a.ins{background-position:-32px 0;}
.soc a:hover{opacity:0.7;}