/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 } 

@media all and (max-width:767px) {
#principal{ 
 max-width:100%;  
 min-width:90%; 
 font: 0.8em Verdana, Arial, Helvetica, sans-serif; 
}

#cabecera{
 position:relative;  
 background-color:#FFFFFF; 
 width:100%;
} 

#cabeceralineas{
 /*position:relative;  
 background-color:#FFFFFF; */
 width:100%;
 height:0.5em;
 background-image: url('images/cabecera.jpg');
 background-repeat: repeat-x;
}
 
#cabeceralogo{
  width: 90%;
  background-color:#FFFFFF;
  color:#000000;
  margin-right: 5%;
  margin-left: 5%;
  padding:0;
}

#cabeceraizq{ 
    text-align:right; 
	float:left;
	width:30%;
} 

#cabecerader{ 
	text-align:right; 
	float:right;
	/*background-image: url('images/cabecera_foto.jpg');*/	
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
} 

.negrita{
   font-weight:bold;
}


#cabeceramenu{
  width: 90%;
 /* margin: auto;*/
  /*background-color:#FFFFFF;
  color:#000000;*/
  margin-right: 5%;
  margin-left: 5%;
  clear:both;
}

#recuadromenu{ 
	margin:0 0 0 0; 
	padding:0 0 0 0;
	width:100%;
} 

/*** MENU RESPONSIVE ***/
#menu ul {
  margin: 0;
  padding: 0;
  list-style-type:none;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  color:#FFFFFF;
}

#toggle-menu {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  color:#FFFFFF;
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu a {
	color:#FFFFFF;
	text-decoration:none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .09);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #01799c;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  /*text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);*/
}

#menu, 
#toggle-menu {
  /*background-color: #09c;*/
  background-color: #01799c;
}

#toggle-menu, 
#menu a {
  padding: 1em 1.2em;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  /*background-color: #edd4a6;
  color: #FFFFFF;*/
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a{
  color:#FFFFFF;
}

#menu .sub-menu a:hover {
  color:#FFFFFF;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
}

/*#menu label.drop-icon, #toggle-menu span.drop-icon {*/
#menu label.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}
/*** FIN MENU RESPONSIVE ***/

.botonmenu{
   border:0;
}

#foto1{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto_cabecera.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto2{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto_cabecera.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto3{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto_cabecera.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto4{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto_cabecera.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto5{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto_cabecera.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto6{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto_cabecera.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto7{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto_cabecera.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

.slogan{
  display:none;
}

#contenedor{
  width: 90%;
  background-color:#FFFFFF;
  color:#000000;
  margin-right: 5%;
  margin-left: 5%;
  margin-top: 2em;
  clear:both;
}

#contenedorizq{ 
    /*text-align:left; 
	float:left;
	margin:0;
	padding:0;
	width:19.5em;
	background-color:#FFFFFF;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;*/
	display:none;
} 

#contenedorizq ul {
	list-style-type:none;
	margin:0 0 2em 0;
	padding:0;
	float:left;
}

#contenedorizq li {
	float:left;
    padding:1em 0 0 1em;
	margin:0;
	color: #01799C;
	width:24em;
}

#contenedorizq a {
	color:#01799C;
	text-decoration:none;
}

#contenedorizq a:hover {
	color:#01799C;
	text-decoration:underline;
}

#contenedorder{ 
	text-align:justify; 
	/*float:right;*/
	/*width:75%;*/
	/*display:inline; */
    position: relative; 
	/*margin:2em 0 0 20.5em;*/
	margin:0;
	padding:0 25px 5px 0;
	line-height:20px;
	background-image: url('images/fondo.gif');
	background-position:bottom right;
    background-repeat:no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
} 

/*#contenedorder ul {
	margin:1em 0 0 0;
	padding:0;
	text-align:left;
}

#contenedorder li {
    padding:1em 0 0 1em;
	margin:0;
}*/

#contenedorder a {
	color:#006991;
	text-decoration:underline;
}

#contenedorder a:hover {
	color:#006991;
	text-decoration:underline;
}

#contenedorder ul {
	margin:10px 0 0 10px;
	padding:0;
}

#contenedorder li {
	padding:0 0 10px 0;
}

#izquierda{
 width:25%; 
 float:left; 
 position:relative; 
 background-color:#006699; 
 }
 
#contenido{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 }
 
#piepagina{
 background-color:#FFFFFF;
 border-top:1px #B09000 dotted; 
 clear:both;
 } 
 
#contenidopie{
  width: 90%;
  background-color:#FFFFFF;
  color:#000000;
  /*margin-right: 5%;
  margin-left: 5%;*/
  margin:0 5% 4% 5%;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif; 
}

#contenidopie a {
	color:#000000;
	text-decoration:none;
}

#contenidopie a:hover {
	color:#000000;
	text-decoration:underline;
}

#contenidopieizq{ 
    text-align:right; 
	float:left;
	margin:1em 0 0 0;
} 

#contenidopieder{ 
	text-align:right; 
	float:right;
	margin:1em 0 0 0;
} 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

h1 {
	display:none;
}

h2 {
	text-indent:-100em;
}

.titulomenu {
	display:none;
}

h3 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #006991;
	margin:0;
	padding:0;
}

.lateralservicios {
	margin:0;
	padding:0;
	background-image: url('images/titulo_nuestrosservicios.gif');
	background-repeat: no-repeat;
	/*height:2em;
	width:20em;*/
	width:100%;
}

.titulopresentacion {
	margin:0;
	padding:0;
	background-image: url('images/seccion_presentacion.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.tituloservicios {
	margin:0;
	padding:0;
	background-image: url('images/seccion_servicios.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.titulolocalizacion {
	margin:0;
	padding:0;
	background-image: url('images/seccion_localizacion.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.titulocontacto {
	margin:0;
	padding:0;
	background-image: url('images/seccion_contacto.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.tituloenlaces {
	margin:0;
	padding:0;
	background-image: url('images/seccion_enlaces.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.tituloavisolegal {
	margin:0;
	padding:0;
	background-image: url('images/seccion_avisolegal.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.etiqueta {
	display: block;
	width: 100%;
	height:1.5em;
	/*float: left;*/
	/*margin-bottom: 1em;*/
	margin:0 0 1em 0;
	padding:0;
	/*text-align: left;*/
	clear:both;
}

.cuadrotextoformulario {
	display: block;
	width: 100%;
	height:1.5em;
	/*margin-bottom: 1em;
	margin-left:16em;*/
	margin:0 0 20px 0;
	padding:0;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	border:1px #006991 solid;
}

.botonformulario{
    font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	border:1px #006991 solid;
    /*background-color:#006991;*/
    width:70px;
	margin:20px 0 0 0;
}

textarea { 
 font: 0.9em Verdana, Arial, Helvetica, sans-serif;
 border:1px #006991 solid;
 width:100%;
 margin:0 0 20px 0;
 /*margin-left:14em; */
 display: block;
 margin-bottom: 1em;
}

.etiquetaopcion {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.opcion {
	margin:0px;
}

.imagensinborde {
	border:0;
}

.logopiatic
{
  padding:2em 0 0 0;
  text-align:center;
}
}

@media all and (min-width:768px) and (max-width:1023px) {
#foto2{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto2_p.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}	
}

@media all and (min-width:1024px) {
#foto2{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto2.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}
}

@media all and (min-width:768px) {
#principal{ 
 max-width:100%;  
 min-width:90%; 
 font: 0.8em Verdana, Arial, Helvetica, sans-serif; 
}
 
#cabecera{
 position:relative;  
 background-color:#FFFFFF; 
 width:100%;
} 

#cabeceralineas{
 /*position:relative;  
 background-color:#FFFFFF; */
 width:100%;
 height:0.5em;
 background-image: url('images/cabecera.jpg');
 background-repeat: repeat-x;
}
 
#cabeceralogo{
/* position:relative;  
 background-color:#FFFFFF; 
 width:80%;
 float:center;*/
 
 /*position:absolute;*/
  /*top: 0;
  right: 0;
  bottom: 0;
  left: 0;*/
  width: 90%;
 /* margin: auto;*/
  background-color:#FFFFFF;
  color:#000000;
  margin-right: 5%;
  margin-left: 5%;
  padding:0;
}

#cabeceraizq{ 
    text-align:right; 
	float:left;
} 

#cabecerader{ 
	text-align:right; 
	float:right;
	/*background-image: url('images/cabecera_foto.jpg');*/	
} 

.negrita{
   font-weight:bold;
}


#cabeceramenu{
  width: 90%;
 /* margin: auto;*/
  /*background-color:#FFFFFF;
  color:#000000;*/
  margin-right: 5%;
  margin-left: 5%;
  clear:both;
}

#recuadromenu{ 
	float:left;
   /* background-color:#006699;*/
	margin:0 0 0 0; 
	padding:0 0 0 0;
	width:18.8em;
	height:20em;
	background-image: url('images/menu_4.jpg');
	background-position:center center;
	/*background-repeat: repeat-x;
	background-repeat: repeat-y;*/
	background-repeat:no-repeat;		
} 

#menu{ 	
	/*background-image: url('images/menu_4.jpg');*/
	/*background-position:center center;
	background-repeat: repeat-x;
	background-repeat: repeat-y;*/
	width:100%;
	/*margin:0; 
    padding:0;			*/
	/*margin:1em 0 0 1em;
	padding:0;*/
	margin:0;
	padding:2em 0 0 1em;
} 

#recuadromenu[id]{
	margin:0 0 0 0;
	width:18.8em; 
	/*background-position:top left;*/
}

/*#menu{  
	margin:1em 0 0 1em;
	padding:0;
} */

#menu[id]{
	padding:2.5em 0 0 2em;
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}
#menu li {
	float:left;
    padding:0 0 0 0;
	margin:0 0 0 0.7em;
	height:2.5em;
	width:16em;
	border-bottom:1px #FFFFFF dotted;
}

.botonmenu{
   border:0;
}

  #toggle-menu, #tm,
  #menu label.drop-icon {
    display: none;
  }
  

#foto1{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto1.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}

/*#foto2{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto2.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}*/

#foto3{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto3.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto4{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto4.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto5{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto5.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto6{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto6.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}

#foto7{
  margin:0 0 0 18.8em; 
  padding:0; 
  background-image: url('images/foto7.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}

.slogan{
display: block;
color:#FFFFFF;
background: none;
font-size: 0.8em;
margin: 0;
padding: 0;
width: 26em;
height: 246px;
overflow: hidden;
}

#contenedor{
  width: 90%;
  background-color:#FFFFFF;
  color:#000000;
  margin-right: 5%;
  margin-left: 5%;
  margin-top: 2em;
  clear:both;
}

#contenedorizq{ 
    text-align:left; 
	float:left;
	/*margin:2em 0 0 0;*/
	margin:0;
	padding:0;
	width:19.5em;
	background-color:#FFFFFF;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
} 

#contenedorizq ul {
	list-style-type:none;
	margin:0 0 2em 0;
	padding:0;
	float:left;
}

#contenedorizq li {
	float:left;
    padding:1em 0 0 1em;
	margin:0;
	color: #01799C;
	width:24em;
}

#contenedorizq a {
	color:#01799C;
	text-decoration:none;
}

#contenedorizq a:hover {
	color:#01799C;
	text-decoration:underline;
}

#contenedorder{ 
	text-align:justify; 
	/*float:right;*/
	/*width:75%;*/
	/*display:inline; */
    position: relative; 
	/*margin:2em 0 0 20.5em;*/
	margin:0 0 0 20.5em;
	padding:0;
	line-height:1.5em;
	background-image: url('images/fondo.gif');
	background-position:bottom right;
    background-repeat:no-repeat;
} 

/*#contenedorder ul {
	margin:1em 0 0 0;
	padding:0;
	text-align:left;
}

#contenedorder li {
    padding:1em 0 0 1em;
	margin:0;
}*/

#contenedorder a {
	color:#006991;
	text-decoration:underline;
}

#contenedorder a:hover {
	color:#006991;
	text-decoration:underline;
}

#izquierda{
 width:25%; 
 float:left; 
 position:relative; 
 background-color:#006699; 
 }
 
#contenido{
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 }
 
#piepagina{
 background-color:#FFFFFF;
 border-top:1px #B09000 dotted; 
 clear:both;
 } 
 
#contenidopie{
  width: 90%;
  background-color:#FFFFFF;
  color:#000000;
  /*margin-right: 5%;
  margin-left: 5%;*/
  margin:0 5% 4% 5%;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif; 
}

#contenidopie a {
	color:#000000;
	text-decoration:none;
}

#contenidopie a:hover {
	color:#000000;
	text-decoration:underline;
}

#contenidopieizq{ 
    text-align:right; 
	float:left;
	margin:1em 0 0 0;
} 

#contenidopieder{ 
	text-align:right; 
	float:right;
	margin:1em 0 0 0;
} 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

h1 {
	display:none;
}

h2 {
	text-indent:-100em;
}

.titulomenu {
	display:none;
}

h3 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #006991;
	margin:0;
	padding:0;
}

.lateralservicios {
	margin:0;
	padding:0;
	background-image: url('images/titulo_nuestrosservicios.gif');
	background-repeat: no-repeat;
	/*height:2em;
	width:20em;*/
	width:100%;
}

.titulopresentacion {
	margin:0;
	padding:0;
	background-image: url('images/seccion_presentacion.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.tituloservicios {
	margin:0;
	padding:0;
	background-image: url('images/seccion_servicios.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.titulolocalizacion {
	margin:0;
	padding:0;
	background-image: url('images/seccion_localizacion.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.titulocontacto {
	margin:0;
	padding:0;
	background-image: url('images/seccion_contacto.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.tituloenlaces {
	margin:0;
	padding:0;
	background-image: url('images/seccion_enlaces.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.tituloavisolegal {
	margin:0;
	padding:0;
	background-image: url('images/seccion_avisolegal.gif');
	background-repeat: no-repeat;
	height:1.5em;
}

.etiqueta {
	display: block;
	width: 15em;
	height:1.5em;
	float: left;
	/*margin-bottom: 1em;*/
	margin:0 0 1em 0;
	padding:0;
	/*text-align: left;*/
	clear:both;
}

.cuadrotextoformulario {
	display: block;
	width: 20em;
	height:1.5em;
	/*margin-bottom: 1em;
	margin-left:16em;*/
	margin:0 0 1em 16em;
	padding:0;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	border:1px #006991 solid;
}

.botonformulario{
    font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	border:1px #006991 solid;
    /*background-color:#006991;*/
    width:7em;
    margin-left:20em;
}

textarea { 
 font: 0.9em Verdana, Arial, Helvetica, sans-serif;
 border:1px #006991 solid;
 width:20em;
 margin:0 0 1em 16em;
 /*margin-left:14em; */
 display: block;
 margin-bottom: 1em;
}

.etiquetaopcion {
	width: 475px;
	font: 10.5px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: 10px;
}

.opcion {
	margin:0px;
}

#volver {
	display:none;
}

.imagensinborde {
	border:0;
}

.logopiatic
{
  padding:2em 0 0 0;
  text-align:center;
}
}

img{
	max-width:100%;
}