/*
_______________________________
Desktop version layout - place your custom code here */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);

body {
	font-family: "Roboto Slab", serif;
	background-image:url(../img_web/fondo_web.jpg);
	background-attachment:fixed;
	background-size:100%;
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	background-color:#efefef;
	
}

#bg1{
	background-image:  url(../img_web/bg1.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#efefef;

}

#bg1_en{
	background-image:  url(../img_web/bg1_en.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#efefef;

}



#bg2{
	background-image: url(../img_web/bg2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#fed600;

	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
	
}


#bg2_en{
	background-image: url(../img_web/bg2_en.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#fed600;

	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
	
}
#bg2_ca{
	background-image: url(../img_web/bg2_ca.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#fed600;

	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
	
}

#bg3{
	background-image: url(../img_web/bg3.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#212832;
	
	
}

#bg3_en{
	background-image: url(../img_web/bg3_en.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#212832;
	
	
}
#bg3_ca{
	background-image: url(../img_web/bg3_ca.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#212832;
	
	
}
#bg4{
	background-image: url(../img_web/bg4.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#efefef;
	
	
}

#bg4_en{
	background-image: url(../img_web/bg4_en.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#efefef;
	
	
}
#bg5{
	background-image: url(../img_web/bg5.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#fed600;

}

#bg5_en{
	background-image: url(../img_web/bg5_en.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#fed600;

}
#bg6{
	background-image: url(../img_web/bg6.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#efefef;
	
}

#bg6_en{
	background-image: url(../img_web/bg6_en.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#efefef;
	
}
#bg6_ca{
	background-image: url(../img_web/bg6_ca.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#efefef;
	
}
#bg7{
	background-image: url(../img_web/bg7.jpg);
	background-repeat: no-repeat;
	background-position:center bottom;
	height:200px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	bottom:0px;
	background-color:#212832;
	
}

#bg8{
	background-image: url(../img_web/fondo_web2.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	height:550px;
	background-attachment:fixed;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	background-color:#efefef;

}
.separadores{
	padding-top:20px;
	padding-bottom:20px;
	
}

.menu{
	padding-top:70px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	width:100%;
	font-family: "Roboto Slab", serif;
}
	
.headline{
	
	position:absolute;
	top:35%;
	left:35%;
	z-index:5;
	font-size:2.2em;
	font-family: 'Roboto Slab', serif;
	color:#FFF;
	font-weight: 100;

	
	
	}	
	.headline h1{
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-style: normal;
}

.idiomas{
	font-family: "Roboto Slab", serif;
	color:#FFF;
	font-size:0.8em;
	border-top: 0px solid #fed600;
	margin-bottom: 1.6em;
}
.amarillo{
	background-color: #fed600;
	    margin-top: -10px;
    padding-top: 0px;
	padding-bottom:10px;}
	
.amarillo1{
	background-color: #fed600;
	  
   }
   .blanco{ background-image:url(../img_web/bgpatterns/light_toast11.png);
   background-repeat:repeat;
   
	  
   }
.menu_bt_line li{
list-style-type: none;
   display: inline;
   padding-right: 5px;
   text-align:right;
}
.menu_bt_line a { color: #032563; text-decoration:none; }
.menu_bt_line a:visited { color:#032563; text-decoration:none; }
.menu_bt_line a:hover { color:#fff; text-decoration:none; }
.menu_bt_line a:focus { outline:1px dotted #fff; }
	
	
.cookiesms a { color: #333; text-decoration:none; }
.cookiesms a:visited { color:#333; text-decoration:none; }
.cookiesms a:hover { color:#fed600; text-decoration:none; }
.cookiesms a:focus { outline:1px dotted #fed600; }
	
.email a { color: #032563; text-decoration:none; }
.email a:visited { color:#032563; text-decoration:none; }
.email a:hover { color:#fed600; text-decoration:none; }
.email a:focus { outline:1px dotted #fed600; }


.titulos_amarillo a { color: #000; text-decoration:none; }
.titulos_amarillo a:visited { color:#000; text-decoration:none; }
.titulos_amarillo a:hover {
	color:#fff;
	text-decoration:none;
	font-family: "Roboto Slab", serif;
}

.footer {
	color:#CCC;
	font-family: "Roboto Slab", serif;
}
.footer a { color: #CCC; text-decoration:none; }
.footer a:visited { color:#CCC; text-decoration:none; }
.footer a:hover { color:#fed600; text-decoration:none; }
.footer a:focus { outline:1px dotted #CCC; }

.menu_bt a { color: #fff; text-decoration:none; }
.menu_bt a:visited { color:#fff; text-decoration:none; }
.menu_bt a:hover { color:#fed600; text-decoration:none; }
.menu_bt a:focus { outline:1px dotted #fff; }

	.idiomas a { color: #fff; text-decoration:none; }
.idiomas a:visited { color:#fff; text-decoration:none; }
.idiomas a:hover { color:#fed600; text-decoration:none; }
.idiomas a:focus { outline:1px dotted #fff; }
	
.flecha{padding-left:45%;}
.tagline h1{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.tagline p{
	font-size:1.2em;
	color:#032563;
	font-family: "Roboto Slab", serif;
}
.titulos h2{
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	font-style: normal;
	color:#000;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:30px;
	font-family: "Roboto Slab", serif;	
}
.titulos_urgencia h2{
	border-bottom: 2px dotted #032563;
	border-top: 3px solid #032563;
	font-style: normal;
	color:#032563;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:30px;
	font-family: "Roboto Slab", serif;	
}
.titulos_amarillo h2{
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-style: normal;
	color:#000;
	padding-bottom:10px;
	padding-top:10px;
	
}
.titulos h3{
	border-bottom: 1px solid #fed600;
	border-top: 1px solid #fed600;
	font-style: normal;
	color:#032563;
	padding-bottom:10px;
	padding-top:10px;
	font-family: "Roboto Slab", serif;	
}
.titulos_amarillo h3{
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-style: normal;
	color:#032563;
	padding-bottom:10px;
	padding-top:10px;
	
}


.titulos_amarillo h4{
	border-bottom: 1px solid #fff;
	font-style: normal;
	color:#032563;
	
}

.titulos_amarillo{
	margin-bottom:20px;}
	
.titulos_azul p{
	color:#FFF;
	padding-top:45px;
	font-family: "Roboto Slab", serif;
}	
	
	.titulos_azul h2{
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-style: normal;
	color:#fff;
	padding-bottom:10px;
	padding-top:10px;
	font-family: "Roboto Slab", serif;	
}
	
.seccion{border-bottom: 0px solid #999;
}
.texto_servicios{
	padding-bottom:30px;}
	
.barra_top{
	position:fixed;
	top:0px;
	width:100%;
	z-index: 7;
	padding-top:10px;
	padding-bottom:10px;
}
.urgencias{
	padding-right:20px;
	padding-left:20px;
	padding-top:10px;
	font-family: "Roboto Slab", serif;
	}
	.urgencias1{
	padding-right:20px;
		padding-left:20px;
	border-bottom: 3px solid #032563;
	}
.shadow{
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
box-shadow: 5px 5px  5px 5px rgba(0,0,0,0.3);}
.shadow1{
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px  1px 1px rgba(0,0,0,0.3);}



    <!--- Codigo para la política de cookies-->

     
    /* CSS para la animación y localización de los DIV de cookies */
    @keyframes desaparecer
    {
    0%	{bottom: 0px;}
    80%	{bottom: 0px;}
    100%	{bottom: -50px;}
    }
    @-webkit-keyframes desaparecer /* Safari and Chrome */
    {
    0%	{bottom: 0px;}
    80%	{bottom: 0px;}
    100%	{bottom: -50px;}
    }
    @keyframes aparecer
    {
    0%	{bottom: -38px;}
    10%	{bottom: 0px;}
    90%	{bottom: 0px;}
    100%	{bottom: -38px;}
    }
    @-webkit-keyframes aparecer /* Safari and Chrome */
    {
    0%	{bottom: -38px;}
    10%	{bottom: 0px;}
    90%	{bottom: 0px;}
    100%	{bottom: -38px;}
    }
    #cookiesms1:target {
    display: none;
    }
    .cookiesms{	
    width:100%;
    height:43px;
    margin:0 auto;
    padding-left:1%;
    padding-top:5px;
    font-size:14px;
    clear:both;
    font-weight: strong;
    color: #333;
    bottom:-50px;
    position:fixed;
    left: 0px;
    background-color: #FFF;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index:999999999;
    }
    .cookiesms:hover{
    bottom:0px;
    }
    .cookies2{
    background-color: #FFF;
    display:inline;
    opacity:0.95;
    filter:alpha(opacity=95);
    position:absolute;
    left:1%;
    top:-30px;
    font-size:15px;
    height:30px;
    padding-left:25px;
    padding-right:25px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    }
     
    /* Fin del CSS para cookies */
     




/*
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 767px) {

body {



	background-image:none;
	
	
}
.home img{display:none;}
.home{
	

	 
}
	 
.menu img{padding-top:30px;padding-bottom:0px; 
}	

.menu{


	margin-top:0px;
position: relative;
background-image:url(../img_web/marca_agua.png);
background-position:right bottom;
background-attachment:absolute;
background-repeat: repeat-y;
background-size:700px;
	background-color:#212832;
	 }
	.barra_top{
		position:relative;
		float:right;}

.banner{display:none;}
	
.bg1{

		
margin_top:60px;
   height:100%;
}
.bg1_en{

		
margin_top:60px;
   height:100%;
}
}


/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/
body {

	
	background-color:#FFF;
	
}

#bg1{		
	background-color:#FFF;
padding-bottom:45px;
background-image: url(../img_web/bg1.jpg);
   background-repeat:repeat;
   height:100%;
}
#bg1_en{	
	background-color:#FFF;
padding-bottom:45px;
background-image: url(../img_web/bg1.jpg);
   background-repeat:repeat;
   height:100%;
}


#bg2{
	background-image:none;
background-color:#fed600;
height:100%;
}
#bg2_ca{
	background-image:none;
background-color:#fed600;
height:100%;
}
#bg2_en{
	background-image:none;
background-color:#fed600;
height:100%;
}

#bg3{
	
		background-image: url(../img_web/bg3.jpg);
	background-color:#212832;
	padding-bottom:45px;
	height:100%;
}
#bg3_ca{
	
		background-image: url(../img_web/bg3.jpg);
	background-color:#212832;
	padding-bottom:45px;
	height:100%;
}
#bg3_en{
	
		background-image: url(../img_web/bg3.jpg);
	background-color:#212832;
	padding-bottom:45px;
	height:100%;
}
#bg4{
	
	background-color:#fff;
	background-image: url(../img_web/bg4.jpg);
   background-repeat:repeat;
   height:100%;
}
#bg4_en{
	
	background-color:#fff;
	background-image: url(../img_web/bg4.jpg);
   background-repeat:repeat;
   height:100%;
}
#bg5{
	
		background-image:none;
	background-color:#fed600;
	padding-bottom:45px;
	height:100%;
}
#bg5_en{
	
		background-image:none;
	background-color:#fed600;
	padding-bottom:45px;
	height:100%;
}
#bg6{
		

	background-color:#FFF;
	background-image: url(../img_web/bg6.jpg);
   background-repeat:repeat;
   height:100%;
}
#bg6_ca{
		

	background-color:#FFF;
	background-image: url(../img_web/bg6.jpg);
   background-repeat:repeat;
   height:100%;
}
#bg6_en{
		

	background-color:#FFF;
	background-image: url(../img_web/bg6.jpg);
   background-repeat:repeat;
   height:100%;
}
#bg7{
		background-image: url(../img_web/bg7.jpg);
	
	background-color:#212832;
	height:100%;
}
	
}