body{	
}

#principal{
width:850px;
border:1px solid #000000;
margin:0 auto;
}

#cabecera{
height:142px;
border:1px solid #000000;
margin:10px;
text-align: center; /*centra el texto*/
background: #85CBF6;
}

#cabecera h1{

background: #ffffff;
 /*centra el texto  text-align: left;*/
display: inline-block;
vertical-align: middle;
float: left;  /*centra el bloque a la izquierda*/
border: 1px solid #778; 
}

#cabecera h2{

background: #000000;
 /*centra el texto  text-align: left;*/
display: inline-block;
vertical-align: middle;
float: right;  /*centra el bloque a la izquierda*/
border: 1px solid #778; 
}

#cabecera .menuabajo{

height:25px;
width:600px;            /* ancho del cajon*/
 /*background: #ffffff;    #fffff sirve para ver el cajon*/
 /* border: 1px solid #778;  sirve para ver el cajon  vertical-align: margin-bottom;*/
float: auto;


  /*centra el bloque a la izquierda  float: low;*/
}


#cabecera .menuabajo li { 
list-style: none; 
display: inline-block; 
margin-center:25px;  /*centra las cajas*/
}

#cabecera .menuabajo li a { 
padding: 0px 2em; /* amplia el ancho alto del cajon  1em  la separacion de los cajitas*/
border: 1px solid #778; 
/*border-bottom: none; */
background: #DDE; 
text-decoration: none; 

}

#cabecera .menuabajo li a:link { color: #448; }
#cabecera .menuabajo li a:hover {color: #000; background: #AAE; border-color: #227; }
/*#cabecera .menuabajo li a #current { background: #AAE; }*/

* {
	margin:0;
	padding:0;
}
.main{
width:90%;
max-width:1000px;
margin:20px auto;
}

.slides{
	width:100%;
}

.slides img{
	width:100%;
}
.slidesjs-pagination {
	background:#424242;
	list-style:none;
	overflow:hidden;
}

.slidesjs-pagination li{
	float:left;
}
  
.slidesjs-pagination li a{
	display:block;
	padding:10px 20px;
	color:#fff;
	text-decoration:none;
}

.slidesjs-pagination li a:hover {
	background:#000;
}

.slides .active {
	background:#000;
}
 
.slidesjs-navigation{
	background:#000;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:11px 20px;
	float:right;
}

#servicios {
    width: 100%;
    
    height: 380px;
    background-color: #9EF5F6;
    font-family: 'Oswald', sans-serif;
    color: #000000;
    font-size: 18px;
	
	}
	
#servicios .lista_servicios {
    list-style: none;
    margin-left: 40px; /* ubicacion del margen izquierdo*/
	
    padding: 0;

}

#servicios .lista_servicios li {
  background: url("flechap.png") 0 50% no-repeat;
  list-style: none;
 list-style-position: inside;
  padding-left: 15px;
  	margin-top: 12px;
	
}
/*
#lista_servicios {  
    margin:auto;
    padding-left:20px;
    padding-top:5px;    
    height:25px;
    width:320px;
    background-image:url(nav_bg.png);
} list-style-type: none;

#lista_servicios ul{
    list-style:none; /* Eliminamos los bullets */
     /* Quitamos los margenes */
   /* Quitamos el padding 
}
*/
#servicios .lista_servicios ul li {
    float:left; /* Hacemos que el menu se muestre horizontal */
    padding-left:10px;
    padding-right:10px;
    border-right:1px solid #FFFFFF;
	
}
/*
#lista_servicios ul li a{
    text-decoration:none;
    color:#CCCCCC;
    font-weight:bold;
}
#lista_servicios ul li a:hover{
    color:#FFFFFF;
}

*/

#izquierda{
width:665px;
height:140px;
border:1px solid #000000;
margin:5px;
display:inline-block;

}

#derecha{
width:150px;
height:140px;
border:1px solid #000000;
margin:5px;
float:right;
display:inline-block;
vertical-align: middle;
padding-left: 10px; /* empuja el dibujo dentro del bloque de izquierda a derecha */

}

.clear{
clear:both;
}


#pie{
background: #000000;
height:25px;
border:1px solid #000000;
margin:10px;
padding-top: 5px;  /* crea un margen desde la parte superior*/
} 
#pie p{
font-family:arial;
font-size: 10px;
color:#FAF3F3;
text-align:center;

}