body,html {
color: #686868  ;
background-color: #FFFF ;
font-family: 'Roboto', sans-serif;
font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;
font-size:14px;	
}

a {
	
	outline: none;
	color: #FFF;
	text-decoration: none;
	font-weight: 400;
}

a:hover {
	text-decoration: none;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}


blockquote p {
	margin: 0;
}

blockquote, p, strong, label{
	line-height: 120%;
	margin-bottom: 16px;
	color:#686868  ;
	font-weight: 300;
}

label{	
	font-weight: 300;
	height:6px;
}


h1, h2{
	font-weight: 300;
}


#container {	

width:100%;
margin:0px;
padding:0px;
}

.header {
text-align: center;
display:fixed;
float:left;
width:100%;
height:150px;
top:0px;
background:#FFFFFF;
border-bottom: 1px solid #ccc;
}

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

/* BOQUES PAGINAS   */

#bloque {  

display:block; 
width:100%;
background:#f2f2f2;

}



.centrar {
margin:0 auto;
width:960px;
}

.separador {
display:none;
float:left;
margin-top:60px;
width:960px;
height:10px;
background:#D0D0D0;
}


#logo {
		
	display: block;	
	margin-top:10px;
	margin: 0px auto;
	height:97px;
	width:430px;
	
}


#logo img {

	display: block;
	height:97px;
	width:430px;
}


#menu {
    display:block;
	width:700px;
	height:10px;
	z-index:99;
	margin: 20px auto;
	}

#menu ul {

float: left;
list-style: none;
z-index:99;
margin-left:60px;
}	

#menu ul li {
	font-size: 14px;
	z-index:99;
	text-align:center;
	display: block;
	float: left;
	z-index:99;	
	/*height: 70px; /*BOTON GRANDE*/
	/*width:250px;*/
}



.wea {
  width: 0px;
	z-index:99;
	
}


#menu li a {
    display:block;
	text-decoration: none;
	color:  #707070;	/*COLOR DE LAS LETRAS*/
	padding-left:5px;
	padding-right:5px;
	z-index:99;
	-moz-transition: background-color .3s ease-in;
	-webkit-transition: background-color .3s ease-in;
	-o-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
	
}


#menu li a:hover {

	 /*  background-color: #E0E0E0;  COLOR AL HOVER / GRIS*/
	color: #ad4f5d;
		z-index:99;

	/*EFECTO TRANSICION*/
	-moz-transition: background-color 0.03s;
	-webkit-transition: background-color 0.03s;
	-o-transition: background-color 0.03s;
	transition: background-color 0.03s;
}



/*
#menu ul :hover {
	background-color: #E0E0E0; 
	color: #FFF;
	height: 70px; 
	z-index:99;
	}
*/


#menu ul li.active_menu {
sasbackground: #E0E0E0;  /*COLOR MENU ACTIVO*/
}
#menu ul li.active_menu a {
color: #ad4f5d;
}




.lista {	
	list-style-image:url('imagenes/box.jpg');
	float:left;
	margin-left:30px;
	line-height:25px;
	margin-top:5px;
	
}





#footer {		
margin-top:5px;
font-size: 14px;	
display:block;
float:left;
margin:0 auto;
width:100%;
height:200px;
 /*COLOR AL HOVER*/
background:#fff;
border-top: 1px solid #ccc;
	
}


#footer p
{		
   	margin-top: 0px;
	color:#636363;
	font-weight: 300;

	
}


.social {
		
	float:right;
    margin-right:30px;
	margin-top:5px;
	
}


.social img {
	
	width:100px;
}

/* Contactform//////////////////////////////////////////////////////////////////////// */

br { clear: left; }




/* Contactform//////////////////////////////////////////////////////////////////////// */


.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: px;
	line-height: 0px;

}

.salto { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	
	height:10px;


}


.datos { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	
padding:0px;
margin:0px;
height:10px;



}




div.clear {
  clear: both;
}





.cargando {  
margin:0 auto;
font-size: 14px;
display:block;
width:960px;
height:400px;
font-size: 14px;
text-align:center;
color:#CCC;
}


.cargando img {  
margin-top:150px;
}


/* DESCRIPCION SERVICIOS//////////////////////////////////////////////////////////////////////// */

.marco {  
width:960px;
margin:0 auto;
display:block;
}
 
.showmesomeshit {

margin-top:20px;
font-size: 14px;
display:block;
margin-left:10px;
width:600px;
padding: 5px;
float:left;
height: 480px;
background-color:#FFF;
}

.showmesomeshit_descripcion {

margin-top:20px;
font-size: 14px;
display:block;
margin-left:10px;
width:310px;
padding: 5px;
float:right;
height: 480px;
background-color:#FFF;
}

.showmesomeshit_descripcion h1 { 
padding:10px; 
font-size: 25px;
color:#368eb7;
text-align:right;
margin-bottom:30px;
}
 .showmesomeshit_descripcion p {  
padding:10px;
color:#404040;

text-align : justify;
} 
  
.lista {	
	list-style-image:url('imagenes/box.png');	
	float:left;
	margin-left:20px;
	padding-top:0px;
	line-height:20px;
	margin-top:10px;
	color:#333333;
	font-size: 14px;
	
}
  
/* DESCRIPCION SERVICIOS//////////////////////////////////////////////////////////////////////// */



#slider {margin: 0px 0px 10px!important;}
#carousel li {margin-right: 10px;}
#carousel img {display: block; opacity: 1; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}




#idiomas {
    display:block;
	z-index:99;
	margin-left:400px;
	margin-top:20px;
	float: left;
	}


#contactoinfo {
    display:block;
	width:960px;
	height:10px;
	z-index:99;
	margin-top:20px;
	margin-left:0px;
	float: left;
	}
	
#contactoinfo p{
  line-height:20px;
  letter-spacing:0px;
  font-size:15px;
text-align:center;
	}

#contactoinfo img{
 margin-left:2px;
 
	}	
	
#idiomas ul {

float: left;
list-style: none;
z-index:99;
}	

#idiomas ul li {
	color: #636363;
	font-size: 14px;
	line-height: 35px;
	margin-left:0px;
	z-index:99;
	text-align:center;
	border-bottom: none;
	display: block;
	float: left;
	z-index:99;	
	/*height: 70px; /*BOTON GRANDE*/
	/*width:250px;*/
}

	
#hyper {
float: left;
list-style: none;
z-index:99;
	}

#hyper img{

margin-top:20px;
margin-left:380px;
 	}