@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);

body {font-family:"Roboto", Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:400; font-size:14px; color:#4b5263; background:url(../images/background.jpg) repeat-x center 7px #FFF;}
/*behavior:url(border-radius.htc);*/

/* Anchors
---------------------------------------------------*/
h1 {color:#19388a; font-family:"Roboto Slab"; font-weight:100; font-size:30px; margin:0 0 15px 0;}
h2 {}
h3 {color:#19388a; font-family:"Roboto"; font-weight:400; font-size:16px; margin:0 0 5px 0;}
h4 {color:#19388a; font-family:"Roboto"; font-weight:400; font-size:24px; margin:0 0 5px 0;}
p {margin:0 0 15px 0; line-height:20px; text-align:justify; font-size:14px;}
a:focus { outline:none;}
a{ text-decoration:none; }
a:hover {}
p b {color:#19388a;}

/* Wrapper
---------------------------------------------------*/
#wrapper {}
#wrapper-main { width:960px; margin:0 auto;}
#top { height:31px; background:url(../images/bg-top.png) repeat-x left top;}
#top ul {}
#top ul#topmenu > li { float:right; font-family:"Roboto Condensed"; font-weight:400; margin:13px 0 0px 10px; text-align:right;}
#top ul#topmenu li.uno { width:135px;}
#top ul#topmenu li.dos { width:70px;}
#top ul#topmenu li.tres { width:85px;}
#top ul#topmenu li.cuatro { width:155px;}
#top ul#topmenu > li > a {color:#19388a; height:15px; line-height:15px; display: block;}
#top li a i {width:17px; height:19px; margin:-1px 0 0 12px; float:right;}
i.icon-global {background:url(../images/icons/glov.png) no-repeat left top;}
i.icon-f {background:url(../images/icons/f.png) no-repeat left top;}
i.icon-t {background:url(../images/icons/t.png) no-repeat left top;}

header { padding-top:30px; margin-bottom:45px;}
#menu ul { float:right;}
#menu > ul > li { float:left; height:53px; position:relative;}
#menu > ul > li > a { display:block; text-indent:-99999px; height:53px;}
#menu > ul > li.menu1 > a { width:35px; background:url(../images/menu.png) no-repeat 0 0;}
#menu > ul > li.menu2 > a { width:73px;  background:url(../images/menu.png) no-repeat -35px 0;}
#menu > ul > li.menu3 > a { width:91px;  background:url(../images/menu.png) no-repeat -108px 0;}
#menu > ul > li.menu4 > a { width:72px;  background:url(../images/menu.png) no-repeat -199px 0;}
#menu > ul > li.menu5 > a { width:161px;  background:url(../images/menu.png) no-repeat -271px 0;}
#menu > ul > li.menu6 > a { width:104px;  background:url(../images/menu.png) no-repeat -432px 0;}
#menu > ul > li.menu7 > a { width:72px;  background:url(../images/menu.png) no-repeat -536px 0;}
#menu > ul > li.menu8 > a { width:84px;  background:url(../images/menu.png) no-repeat -608px 0;}

#menu > ul > li.menu1 > a:hover { width:35px; background:url(../images/menu.png) no-repeat 0 -53px;}
#menu > ul > li.menu2 > a:hover, #menu > ul > li.menu2 a.current { width:73px;  background:url(../images/menu.png) no-repeat -35px -53px;}
#menu > ul > li.menu3 > a:hover, #menu > ul > li.menu3 a.current { width:91px;  background:url(../images/menu.png) no-repeat -108px -53px;}
#menu > ul > li.menu4 > a:hover, #menu > ul > li.menu4 a.current { width:72px;  background:url(../images/menu.png) no-repeat -199px -53px;}
#menu > ul > li.menu5 > a:hover, #menu > ul > li.menu5 a.current { width:161px;  background:url(../images/menu.png) no-repeat -271px -53px;}
#menu > ul > li.menu6 > a:hover, #menu > ul > li.menu6 a.current { width:104px;  background:url(../images/menu.png) no-repeat -432px -53px;}
#menu > ul > li.menu7 > a:hover, #menu > ul > li.menu7 a.current { width:72px;  background:url(../images/menu.png) no-repeat -536px -53px;}
#menu > ul > li.menu8 > a:hover, #menu > ul > li.menu8 a.current { width:84px;  background:url(../images/menu.png) no-repeat -608px -53px;}

/* en */
#menu > ul > li.menu1-fr > a { width:35px; background:url(../images/menu-fr.png) no-repeat 0 0;}
#menu > ul > li.menu2-fr > a { width:73px;  background:url(../images/menu-fr.png) no-repeat -35px 0;}
#menu > ul > li.menu3-fr > a { width:91px;  background:url(../images/menu-fr.png) no-repeat -108px 0;}
#menu > ul > li.menu4-fr > a { width:72px;  background:url(../images/menu-fr.png) no-repeat -199px 0;}
#menu > ul > li.menu5-fr > a { width:161px;  background:url(../images/menu-fr.png) no-repeat -271px 0;}
#menu > ul > li.menu6-fr > a { width:81px;  background:url(../images/menu-fr.png) no-repeat -432px 0;}
#menu > ul > li.menu7-fr > a { width:95px;  background:url(../images/menu-fr.png) no-repeat -513px 0;}
#menu > ul > li.menu8-fr > a { width:84px;  background:url(../images/menu-fr.png) no-repeat -608px 0;}

#menu > ul > li.menu1-fr > a:hover { width:35px; background:url(../images/menu.png) no-repeat 0 -53px;}
#menu > ul > li.menu2-fr > a:hover, #menu > ul > li.menu2-fr a.current { width:73px;  background:url(../images/menu-fr.png) no-repeat -35px -53px;}
#menu > ul > li.menu3-fr > a:hover, #menu > ul > li.menu3-fr a.current, #menu > ul > li.menu3-fr.active > a { width:91px;  background:url(../images/menu-fr.png) no-repeat -108px -53px;}
#menu > ul > li.menu4-fr > a:hover, #menu > ul > li.menu4-fr a.current { width:72px;  background:url(../images/menu-fr.png) no-repeat -199px -53px;}
#menu > ul > li.menu5-fr > a:hover, #menu > ul > li.menu5-fr a.current { width:161px;  background:url(../images/menu-fr.png) no-repeat -271px -53px;}
#menu > ul > li.menu6-fr > a:hover, #menu > ul > li.menu6-fr a.current { width:81px;  background:url(../images/menu-fr.png) no-repeat -432px -53px;}
#menu > ul > li.menu7-fr > a:hover, #menu > ul > li.menu7-fr a.current { width:95px;  background:url(../images/menu-fr.png) no-repeat -513px -53px;}
#menu > ul > li.menu8-fr > a:hover, #menu > ul > li.menu8-fr a.current { width:84px;  background:url(../images/menu-fr.png) no-repeat -608px -53px;}

#menu > ul > li:hover ul.dropdown { display:block;}
ul.dropdown { display:none; position:absolute; width:692px; background-color:#f89b30; top:53px; left:-222px; z-index:400; padding: 30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
ul.dropdown li { float:left;}
ul.dropdown li a { display:block; padding:5px; color:#FFF; border-bottom:dotted 1px #FFF; margin:0 7px; font-size:12px; width: 195px;}

.slider div img { margin:0 auto; width:100%;}
a.bx-pager-link { position:relative;}
/*a.bx-pager-link span:last-child { display:none;}*/
a.bx-pager-link span { display:block; width:15px; height:7px; position:absolute; right:-16px; top:3px; background-color:#dfe9f3;}
#accesos { margin-top:35px; margin-bottom:55px;}
#noticias { background:url(../images/noticias.png) no-repeat left top; width:295px; height:169px; margin:59px auto 0 auto;}
.noti { text-align:left; color:#FFF; padding:17px 23px;}
.noti a {color:#f89829!important; font-family:"Roboto"; font-weight:500; text-transform:uppercase;}
div.noti .img { float:left; width:81px; margin:0 15px 0 0;}
div.noti .tl { font-size:15px; color:#FFF; margin:0 0 7px 0;}
a#news-prev, a#news-next { width:26px; height:26px; position:absolute; top:5px; display:block;}
a#news-prev { background:url(../images/icons/slide-prev.png) no-repeat left top; left:15px;}
a#news-next { background:url(../images/icons/slide-next.png) no-repeat left top; right:15px;}

img.banint { overflow:hidden; width:100%;}
#sidenav {}
ul#sidenav li { display:block; margin:0 0 8px 0;}
ul#sidenav li a { display:block; height:40px; line-height:40px; border:solid 1px #bfced9; color:#19388a; font-family:"Roboto Slab"; font-size:16px; letter-spacing:-1px; font-weight:300; padding:0 15px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D7E3EF),
	color-stop(1, #BDCBD7)
);
background-image: -o-linear-gradient(bottom, #D7E3EF 0%, #BDCBD7 100%);
background-image: -moz-linear-gradient(bottom, #D7E3EF 0%, #BDCBD7 100%);
background-image: -webkit-linear-gradient(bottom, #D7E3EF 0%, #BDCBD7 100%);
background-image: -ms-linear-gradient(bottom, #D7E3EF 0%, #BDCBD7 100%);
background-image: linear-gradient(to bottom, #D7E3EF 0%, #BDCBD7 100%);
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 
transition: all 0.3s ease 0s;
}
ul#sidenav li a span {background:url(../images/icons/link.png) no-repeat left top; width:26px; height:26px; display:block; float:right; margin:6px 0 0 0;}
ul#sidenav li a:hover { text-decoration:none;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #BDCBD7),
	color-stop(1, #D7E3EF)
);
background-image: -o-linear-gradient(bottom, #BDCBD7 0%, #D7E3EF 100%);
background-image: -moz-linear-gradient(bottom, #BDCBD7 0%, #D7E3EF 100%);
background-image: -webkit-linear-gradient(bottom, #BDCBD7 0%, #D7E3EF 100%);
background-image: -ms-linear-gradient(bottom, #BDCBD7 0%, #D7E3EF 100%);
background-image: linear-gradient(to bottom, #BDCBD7 0%, #D7E3EF 100%);
}

img.alignleft {
    margin: 0.857143rem 1.71429rem 0.857143rem 0;
}
img.alignright {
    margin: 0.857143rem 0 0.857143rem 1.71429rem;
}
img.aligncenter {
    margin-bottom: 0.857143rem;
    margin-top: 0.857143rem;
}

/* Premezclas */
#banpre { position:relative; text-shadow: 1px 1px 0px #000;}
#banpre > div { position:absolute; width:45%; top:70px; right:15px; z-index:200; padding:0 25px 0 0;}
div#banpre .tl { font-size:52px; font-family:"Roboto Slab"; font-weight:700; margin:0 0 25px 0; line-height:50px; color:#FFF;}
#banpre p {color:#FFF; font-size:16px; line-height:25px;}
ul.list { margin:10px 0 20px 20px;}
ul.list li {list-style: disc; text-align:justify;}

/* Contacto */
.submit { border:none; cursor:pointer; background:none;}
.enviado { display:block; margin:0 0 15px 0; position:relative; background-color:#EEE; padding:10px; font-size:12px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#close { background-color: #000; border: 2px solid #FFF; color: #FFFFFF; display: block; font-weight: bold; height: 20px; line-height: 17px; position: absolute; right: -7px; text-align: center; top: -7px; width: 20px; cursor:pointer;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0 0 2px #000;
-moz-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #000;
}
#contactform {}
#contactform input[type="text"] { background-color:#e2ebf4; color:#4b5263!important; border:none!important; height:35px;}
#contactform textarea { background-color:#e2ebf4; color:#4b5263!important; border:none!important;}

iframe {
margin:0 0 10px 0;
/*-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;	*/
}

#commingsoon {}
#commingsoon h1, #commingsoon h2 { text-align:center; text-transform:uppercase; font-family:"Roboto Slab";}
#commingsoon h1 { font-size:120px;}
#commingsoon h2 { font-size:60px;}

/* Footer
---------------------------------------------------*/
#footer { background:url(../images/footer.png) no-repeat center top; padding:25px 0; font-size:12px;}
#footer a {color:#19388a; display:inline-block; padding:0 3px;}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}