@charset "UTF-8";
@media screen and (min-width: 451px) {
body {
	background-color:#edeef0;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	font-weight:300;
	font-size:13px;
}
h1 { font-size:30px; font-weight:300; color:#00acd2; }

h2 { font-size:27px; font-weight:300; color:#00acd2; }

h3 { font-size:24px; font-weight:300; color:#00acd2; }

h4 { font-size:21px; font-weight:300; color:#727176; }

h5 { font-size:18px; font-weight:300; color:#727176; }

h6 { font-size:16px; font-weight:300; color:#727176; }

#contenedor {
	position: relative;
	width: 960px;
	height:auto;
	margin: 0 auto;
	background-color:#FFF;
}
#header {
	position: relative;
	height:132px;
}
#logo {
	position: relative;
	float:left;
	width:240px;
	height:132px;
}
#cabecera_derecha{
	position: relative;
	float:left;
	width:690px;
}
#telefono {
	float:left; margin-top:3px; width:550px;
}
#iconos_sociales {
	float:right; width:130px;
}
#barra_social {
	position: relative;
	float:none;
	text-align:right;
	top:21px;
	color:#00acd2;
}
#barra_social a{
	color:#00acd2;
	text-decoration:none;
}
#menu_superior {
	position: relative;
	float: left;
	text-align: right;
	top: 60px;
	font-size: 15px;
	color: #727176;
	width: 640px;
	left: 85px;
}
#menu_superior a {
	font-size:15px;
	color:#727176;
	padding: 0 0 0 15px;
	text-decoration:none;
}
#menu_superior a:hover {
	font-size:15px;
	color:#00acd2;
	padding: 0 0 0 15px;
	text-decoration:none;
}
#banner {
	float:left;
	position:relative;
	height:385px;
	width:765px;
}
#servicios_destacados {
	float:left;
	position:relative;
}
#separador30px {
	float:none; clear:both; position:relative; height:30px;
}
#cuerpo {
	position: relative;
	float:none;
	clear:both;
	padding:0 30px 30px 30px;
	
}
#footer {
	position: relative;
	clear:both;
	float:none;
	font-size:13px;
	background-color:#00acd2;
	color:#FFF;
	width:100%;
	min-height:330px;
}
#cuerpo_footer{
	position: relative;
	width: 930px;
	margin: 0 auto;
	height:auto;
	padding: 30px 0 30px 30px;
}
#cuerpo_footer a{
	text-decoration:none;
	color:#FFF;
}
#cuerpo_footer ul{
	margin:3px 0;
}
#columna1 {
	position: relative;
	/*width:23%;*/
	width:19%;
	float:left;
	margin-right:1%;
}
#columna2 {
	position: relative;
	width:19%;
	float:left;
	margin-right:1%;
}
#columna3 {
	position: relative;
	width:19%;
	float:left;
	margin-right:1%;
}
#columna4 {
	position: relative;
	width:19%;
	float:left;
	margin-right:1%;
}

#columna5 {
  position:relative;
  width:19%;
  float:left;
  margin-right:1%;
}
#titular_footer {
	font-size:21px;
	padding-bottom:10px;
}
#barra_inferior{
	position: relative;
	clear:both;
	float:none;
	height:30px;
	background-color:#3d44ab;
	color:#FFF;
	width:100%;
}

.menuH
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/change-menu-alignment  */
    margin: 0; width: 100%; float:none;
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: Unlike image file, htc file path is relative to the page, not this CSS file.*/
    behavior: url("/horizontal/menuh/cssmenu.htc");
    height: 36px;
    /*background: #D4D4D4 url(bg.gif) repeat-x 0 0;
    border: 1px solid #BBB; */
    position:relative;/*! for IE htc*/
    z-index:4;/*H2*/
    /* font-family: Arial, Helvetica, sans-serif; */
    list-style: none;
    padding: 0;
}

.menuH li
{
    padding: 0;
    /*margin: 0;
    display: block; TODO: I am testing them if they can be removed. If can, remove them.*/
    float: left;
    height: 36px;
    position: relative;/*move it into .menuH if you want submenu to be positioned relative to the whole menu instead of this li element*/
}
.menuH li:hover, .menuH li.onhover
{
    /*background: white url(bg.gif) repeat-x 0 -48px;*/
}

ul.menuH a
{
    padding: 0 30px;
    line-height: 36px; /*Note: keep this value the same as the height of .menuH and .menuH li */
    /* font-size: 12px;
    font-weight: bold;
    color: black; */
    display: block;
    outline: 0;
    text-decoration: none;
}
.menuH a:hover
{
    color: red;
}
.menuH a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}
.menuH ul a.arrow
{
    background: url(right.gif) no-repeat 97% center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuH .menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuH li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:0px solid #F7F7F7;
    border-right:0px solid #BBBBBB;
}
               
        
/*######sub level###########*/
        
ul.menuH ul
{
    width:265px;
    position: absolute;
    left: -9999px;
    border: 0px solid #DDD;
    border-top: 0; 
    background: #FFF;    
    text-align: left;
    list-style: none; margin: 0;  
    /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
    padding: 0 1px 10px 0;   
}

.menuH li li
{
    float: none;
    white-space:nowrap;
    height: 26px;
}
.menuH li li:hover, .menuH li li.onhover
{
    background:#f7f7f7;
}
.menuH ul a
{
    padding: 0 20px;
    line-height: 26px;
    font-size: 0.9em;
    font-weight: normal;
    color: #0066CC;
    text-align: left;
}

.menuH ul a:hover
{
    color: red;
}

.menuH li:hover ul, .menuH li.onhover ul
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    top: auto;
}

.menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    top: auto;
}
.menuH ul ul
{
    border-top: 0px solid #DDD;
}

.menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
.menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul
{
    left: -9999px;
    top:0;
}

.menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
.menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
{
    left: 265px;
}
        
/*####### special effects ##########*/
        
.decor1 
{
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari and Chrome */
    border-radius: 3px; /* Opera 10.5+, future browsers, and now also our behavior htc file */

    -moz-box-shadow: 0px 1px 4px #eee; /* Firefox */
    -webkit-box-shadow: 0px 1px 4px #eee; /* Safari and Chrome */
    box-shadow: 0px 1px 4px #eee; /* Opera 10.5+, future browsers and IE6+ using our behavior htc file */
            
}
.menuH ul 
{
    /*-moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;

    -moz-box-shadow: 0px 6px 6px #CCC;
    -webkit-box-shadow: 0px 6px 6px #CCC;
    box-shadow: 0px 6px 6px #CCC;   */
    
    /*for older IE browsers, the htc file fix will disable this feature when box-shadow was also applied.*/
    filter:alpha(opacity=90);
    opacity: 0.90;  
            
    /* Gradient background 
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); */
}

	nav#mobile {
		display:none;
	}
	#foto_movil {
		display:none;
	}
	#columna_social_movil {
	display:none;
}
.formulario {
	height:27px;
	border:#97979b thin solid;
}
.formulario2{
	height:180px;
	border:#97979b thin solid;
}
.boton_formulario {
	width:140px;
	height:27px;
	background-color:#3d44ab;
	color:#FFF;
	border:0;
}
#servicios_destacados_movil {
	display:none;
}
#cuerpo_columna01 {
	position:relative;
	float:left;
	width:580px;
	height:auto;
}
#cuerpo_columna02 {
	position:relative;
	float:right;
	width:300px;
	height:auto;
	margin-left:20px;
}
.formulario {
	width:90%;
	height:27px;
	border:#97979b thin solid;
}
.formulario2{
	width:90%;
	height:180px;
	border:#97979b thin solid;
}
.boton_formulario {
	width:80px;
	height:30px;
	background-color:#3d44ab;
	color:#FFF;
	border:0;
    border-radius: 5px;
}
#barritaloca { display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:60px;background: #333333;color:#dddddd;z-index: 999999; opacity:0.9; filter:alpha(opacity=90); }

#textoBarritaloca { width:100%;position:absolute;padding-left:5px;font-family:Open Sans, sans-serif;font-size:12px;top:10px;text-align:center; }
}

@media screen and (max-width: 450px) {
	body {
	background-color:#FFF;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	font-weight:300;
	font-size:75%;
}
h1 { font-size:30px; font-weight:300; color:#00acd2; text-align:left; }

h2 { font-size:27px; font-weight:300; color:#00acd2; text-align:left; }

h3 { font-size:24px; font-weight:300; color:#00acd2; text-align:left; }

h4 { font-size:21px; font-weight:300; color:#727176; text-align:left; }

h5 { font-size:18px; font-weight:300; color:#727176; text-align:left; }

h6 { font-size:16px; font-weight:300; color:#727176; text-align:left; }

	#nav#full {
		display:none;
	}

	nav#mobile {
		background-color:#edeef0;
		/* box-shadow: 0 0 3px 2px rgba(0,0,0,0.3); */
		display:block;
		position:relative;
		float:none;
		clear:both;
		text-align:left;
	}

	/*
	Top black bar that holds the toggle button
	*/

	nav#mobile #toggle-bar {
		line-height:30px;
		height:35px;
		font-size:20px;
	}

	/*
	Toggle button #1 ("Menu")
	*/

	nav#mobile a {
		margin-left:0px;
		border:0px solid #727176;
		padding:10px;
		text-decoration:none;
		color:#727176;
	}

	/*
	Toggle button #2 ("Navicon")
	*/

	nav#mobile .navicon {
		float: right;
		height: 30px;
		width: 30px;
		margin: 20px;
		border-top: 18px double #727176;
		border-bottom: 6px solid #727176;
		font-size:20px;
	}

	/*
	The dropdown menu
	*/

nav#mobile ul  {
		
		padding-left:0px;
		
	}
	nav#mobile ul li {
		clear:both;
		list-style:none;
		border-top: 1px solid #999;
	}

	nav#mobile ul li a {
		display:block;
		background-color:#edeef0;
		text-transform:uppercase;
		margin:1px 10px;
		padding:3px 0 3px 5px;
		text-decoration:none;
		color:#727176;
		font-size:20px;
	}

	nav#mobile ul ul {
		font-size:20px;
		
	}

	nav#mobile ul ul li {
		margin-left:2px;
	}

	nav#mobile ul ul a {
		background-color:#edeef0;
		padding-left:15px;
		text-decoration:none;
		color:#727176;
	}

	nav#mobile ul ul a:before {
		/* content: "•";
		padding-right:2px; */
	}
	nav#mobile ul ul ul {
		background-color:#d8d9dd;
	}
	nav#mobile ul ul ul a {
		background-color:#d8d9dd;
		padding-left:20px;
		text-decoration:none;
		color:#727176;
		text-transform:none;
	}
	#contenedor {
		width:100%;
		text-align:center;
	}
	#cuerpo {
		padding:0 15px 15px 15px;
		text-align:left;
	}
	#menu_superior {
		display:none;
	}
	#menu_imagen {
		display:none;
	}
#footer {
	position: relative;
	clear:both;
	float:none;
	font-size:15px;
	background-color:#00acd2;
	color:#FFF;
	width:100%;
	min-height:300px;
}
#cuerpo_footer{
	position: relative;
	margin: 0 auto;
	height:auto;
	padding: 30px 0 30px 15px;
}
#cuerpo_footer a{
	text-decoration:none;
	color:#FFF;
}
#cuerpo_footer ul{
	margin:3px 0;
}
#columna1, #columna2, #columna3 {
		display:none;
	}
#columna4 {
	position: relative;
	
	float:none;
}
#columna_social_movil {
	position: relative;
	
	float:none;
}
#logo {
	position: relative;
	float:none;
	width:100%;
	height:132px;
}
#cabecera_derecha{
	position: relative;
	float:none;
	width:100%;
}
#barra_social {
	position: relative;
	float:none;
	text-align:right;
	top:21px;
	color:#00acd2;
}
#telefono {
	display:none;
}
#iconos_sociales {
	display:none;
}
#foto_movil {
	width:100%;
}
#barra_inferior{
	position: relative;
	clear:both;
	float:none;
	height:30px;
	background-color:#3d44ab;
	color:#FFF;
	width:100%;
}
.formulario {
	width:90%;
	height:27px;
	border:#97979b thin solid;
}
.formulario2{
	width:90%;
	height:180px;
	border:#97979b thin solid;
}
.boton_formulario {
	width:80px;
	height:30px;
	background-color:#3d44ab;
	color:#FFF;
	border:0;
    border-radius: 5px;
}
#servicios_destacados_movil {
	width:100%;
}
#cuerpo_columna01 {
	position:relative;
	float:none;
	width:100%;
}
#cuerpo_columna02 {
	display:none;
}
#barritaloca { display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:25%;background: #333333;color:#dddddd;z-index: 999999; opacity:0.9; filter:alpha(opacity=90); }
#textoBarritaloca { width:100%;position:absolute;padding-left:0px;font-family:Open Sans, sans-serif;font-size:12px;top:15px;text-align:center; }
}
@media screen and (min-width: 451px)
{
#cuerpo_footer ul {
    padding-left: 25px;
}
}
        /* jssor slider bullet navigator skin 05 css */
            /*
            .jssorb05 div           (normal)
            .jssorb05 div:hover     (normal mouseover)
            .jssorb05 .av           (active)
            .jssorb05 .av:hover     (active mouseover)
            .jssorb05 .dn           (mousedown)
            */
            .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                background: url(../img/b05.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }

            .jssorb05 div {
                background-position: -7px -7px;
            }

                .jssorb05 div:hover, .jssorb05 .av:hover {
                    background-position: -37px -7px;
                }

            .jssorb05 .av {
                background-position: -67px -7px;
            }

            .jssorb05 .dn, .jssorb05 .dn:hover {
                background-position: -97px -7px;
            }
			   /* jssor slider arrow navigator skin 12 css */
            /*
            .jssora12l              (normal)
            .jssora12r              (normal)
            .jssora12l:hover        (normal mouseover)
            .jssora12r:hover        (normal mouseover)
            .jssora12ldn            (mousedown)
            .jssora12rdn            (mousedown)
            */
            .jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {
                position: absolute;
                cursor: pointer;
                display: block;
                background: url(../img/a12.png) no-repeat;
                overflow: hidden;
            }

            .jssora12l {
                background-position: -16px -37px;
            }

            .jssora12r {
                background-position: -75px -37px;
            }

            .jssora12l:hover {
                background-position: -136px -37px;
            }

            .jssora12r:hover {
                background-position: -195px -37px;
            }

            .jssora12ldn {
                background-position: -256px -37px;
            }

            .jssora12rdn {
                background-position: -315px -37px;
            }
div#logo * img {
    padding-top: 10px;
}