@charset "utf-8";
/* CSS Document */

/* new clearfix */
.clearfix:before,.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}

.clear { clear: both; }
			

.DivTituloComponente{
height:auto;
width:30%;
padding-left:3%;
padding-top:4%;
padding-bottom: 8%;
float:left;
}


.DivImagenCentral{
 width:42%;
 margin-left:1%;
 margin-top:8%;
 float:left;
	}
	
.DivLabelNivel{
width: 20%;
overflow:hidden;
float:right;
position:relative;
top:0px;
right:2%;
}
     
}
/*///////////// cabezote sesión ////////////////*/

.DivCabSesion {
   width:100%;
   display:block;
   }


/*//// Icono ////*/

.DivIconoCabezote{ 
float:left;
padding-left:5px;}

.IconoCabezote{ 
min-width:2em;
}
  
  
/*//// Tipografía ////*/


.cabezoteH1{
	 font: 2em 'Myriad-semibold', Arial, sans-serif;
	 color:#333;
	 letter-spacing: 0;
	 text-align:left;
	 margin-bottom:0px;
	 margin-top: 0px;
	 margin-left:1.7em;
	 border-bottom: thin;
     border-bottom-style:solid; 
     border-bottom-color: #b2b2b2; 
     display: block;}	
	

@media screen and (max-device-width : 480px) {

/*//// Icono ////*/

.DivIconoCabezote{ 
float:left;
padding-left:2%;}

.IconoCabezote{ 
min-width:2em;
}
  
  
/*//// Tipografía ////*/


.cabezoteH1{
	 font: 1.5em 'Myriad-semibold', Arial, sans-serif;
	 color:#333;
	 letter-spacing: 0;
	 text-align:left;
	 margin-bottom:0px;
	 margin-top: 0px;
	 margin-left:2em;
	 border-bottom: thin;
     border-bottom-style:solid; 
     border-bottom-color: #b2b2b2; 
     display: block;}

     
}



/*///////////// objetivo ////////////////*/


.DivContenedorObj{
	width:90%;
	margin:0 auto;
	margin-top:2%;
	margin-bottom:2%;
	background:#ECECEC;
	border:#DDD;
	border-style:solid;
	border-width:1px;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

@media screen and (max-device-width : 480px) {
.DivContenedorObj{
	width:95%;
	margin:0 auto;
	margin-top:2%;
	margin-bottom:2%;
}
      
}

/*//// Imagen ////*/

.DivImagenObj{
	width:25%;
	max-width:400px;
	min-width:100px;
	float:left;
	padding: 2%;}
	
.imagenObjetivo{
	
	width:100%;
	-webkit-box-shadow: 3px 2px 10px -2px rgba(0,0,0,0.46);
    -moz-box-shadow: 3px 2px 10px -2px rgba(0,0,0,0.46);
    box-shadow: 3px 2px 10px -2px rgba(0,0,0,0.46);
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
	}
	
	@media screen and (max-device-width : 480px) {

        .DivImagenObj{
	max-width:600px;
	float:none;
	padding: 10%;
	padding-top: 5%;
	padding-bottom:2%;
	width:80%;}
	
.imagenObjetivo{
	
	width:100%;
	-webkit-box-shadow: 3px 2px 10px -2px rgba(0,0,0,0.46);
    -moz-box-shadow: 3px 2px 10px -2px rgba(0,0,0,0.46);
    box-shadow: 3px 2px 10px -2px rgba(0,0,0,0.46);
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
	}
}
/*//// texto ////*/

.DivTextoObj{
	width:65%;
	float:left;
	margin : 2%;
	}
	
.TitulotObj{
	font:1.5em 'Myriad-semibold', Arial, sans-serif;
	text-align:left;}
	
.ParrafoObj{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	
	}
	
	
@media screen and (max-device-width : 480px) {

        .DivTextoObj{
	width:90%;
	float:none;
	margin : 5%;
	margin-top:1%;
	}
	
.TitulotObj{
	font:1.2em 'Myriad-semibold', Arial, sans-serif;
	text-align:left;}
	
.ParrafoObj{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	
	}
}


/*//// Fuentes embebidas ////*/

@font-face {
     font-family: 'Myriad-light';
     src:url(http://REEMPLAZAR POR URL/myriadpro-light-webfont.ttf);
}

@font-face {
     font-family: 'Myriad-semibold';
     src:url(http://REEMPLAZAR POR URL/myriadpro-semibold-webfont.ttf);
}