@import url(https://fonts.googleapis.com/css?family=Lora:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Montserrat);

@font-face {
    font-family: myFirstFont;
    src: url(../font/Montserrat-Light.otf);
}

body{
	margin: 0;
	padding: 0;
	font-family: 'Lora', serif;
	font-size: 0.9em;
	font-weight: 300;
	color: #657983;
}	

h1 {
 	font-size: 1.8em;
 		line-height: 1.8em;
 	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	color: #006da4;
}
h3 {
	font-family: 'Montserrat', sans-serif;
 	font-size: 1.4em;
 	 		line-height: 1.4em;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	color: #FFF;

}

h2 {
	font-family: 'Montserrat', sans-serif;
 	font-size: 1.6em;
 	 		line-height: 1.4em;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	color: #006da4;
}

p {
 	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	color: #657983;
	line-height: 1.4em;
	font-family: myFirstFont;
}

li{
	
	line-height: 1.6em;
}

ul.lista li{
		list-style-type: disc;

}

li.lista{
		list-style-type: disc;
    margin: 10px 0;
}

blockquote {
 	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}
pre {
 	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5714px;
}

   .comment{
    margin-left: 30px;
    border-left: 1px solid #006DA4;
    padding: 9px;
}

.comment p{
font-style: italic;
    color: #006DA4;
    font-size: 95%;
}

#wrapper{
	width: 920px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
	/*-webkit-box-shadow: 0px 7px 6px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 7px 6px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 7px 6px 0px rgba(50, 50, 50, 0.25);*/
}

.que_es ul  li{
	list-style:disc;
}

.top_logo{
	height: 44px;
}

.header_slider {
	position: relative;
    float: left;
    width: 100%;
   /* height: 405px; */
    border-bottom: 1px solid #404f93;
    border-top: 1px solid #404f93;
}
.slide_1 .text{
	width: 220px;
	padding: 10px;
	margin-left: 20px;
	border-right: 1px solid #006da4;
	position: relative;
	float: left;
	height: 300px;
	margin: 63px 0 0 20px;

}
.slide_1 .image{
	width: 920px;
    height: 450px;
    position: relative;
    float: right;
}	

.slide_1 .text img{
	margin: 20% 8px;
}

nav {
	background-color: #fff;
	color: #888;
	display: block;
	margin: 0;
	overflow: hidden;
	width: 100%; 
	border-bottom: 1px solid #e1e1e1; 
	padding-left: 60px;
	width: 93%;
	padding-top: 10px;
	padding-bottom: 10px;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav ul li {
	width: 24%;
	display: inline-block;
	list-style-type: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; 
}

nav > ul > li > a {
	color: #374395;
	display: block;
	line-height: 25px;
	padding: 0 10px;
	text-decoration: none;
	font-size: 11pt;
	font-family: 'Montserrat', sans-serif;
	height: 25px;
	font-weight:bold;
}

nav > ul > li:hover {
}

nav > ul > li:hover > a {
	color: #fece47;
}

.active {
	background-color: #006da4;
	color: #FFFFFF !important;
}

.about_mar_abierto{
	width: 100%;
	float: left;
	position: relative;
	/* height: 500px; */
}


.left_column{
	width: 390px;
/*	height: 380px; */
	float: left;
	position: relative;
	margin-left: 20px;
	padding:20px;
}

.right_column{
	width: 468px;
/*	height: 400px; */
	float: left;
	position: relative;
}


.right_column_bottom{
	width: 427px;
/*	height: 400px; */
	float: left;
	position: relative;
	padding-left: 10px;
	margin-left: 10px;
}

button {
	margin: 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #FFFFFF;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Lora', serif;
	padding:10px 20px;
	text-decoration:none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s; 
	position: relative;
	
	
}
/*button:hover {
	background-color:#309bd1;
}
button:active {
	position:relative;
	top:1px;
}*/

.key_feature_mar_abierto{
	width: 900px;
	padding: 10px;
	background-color:#f9f8ea;
	position: relative;
	float: left;
	color: #FFFFFF;
	
}

.key_feature_bottom{
	width: 900px;
	padding: 10px;
	background-color:#006DA4;
	position: relative;
	float: left;
	color: #FFFFFF;
}

.key_feature_mar_abierto img{
	padding-top: 0px;
	
}
.key_feature_h2{
	float: right;
	width: 690px;
	padding: 10px;
	margin: 10px;
}

.key_feature_h2 h3{
	color: #ffffff;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: lighter;
}


.our_content_mar_abierto{
	width: 900px;
	padding: 10px;
	float:left;
	position: relative;
	background-color: #ec5d49;
	
}

.our_content_mar_abierto h2{
	text-align: center;
}

.our_content_mar_abierto h3{
	font-size: 1.2em;
	line-height: 1.2em;
color:#006da4
}

.publicacion{
	width: 180px;
	height: 180px;
	padding: 10px;
	margin: 10px;
	background-color:#006da4;
	float: left;
	position: relative;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius:50%;
}

.publicacion .text{
	margin: 40% auto;
    color: #FFF;
    text-align: center;
    font-size: 1.8em;
    font-weight: 100;
}

.context_1_mar_abierto{
	width: 900px;
	padding: 10px;
	position: relative;
	float: left;
	
}

.key_mar_abierto{
	width: 100%;
	height: auto;
}

.cuatro_ejes{
	float:left;
	position: relative;
	margin: 20px;
}


.turquesa {
	color: #FFF;
    padding: 0.6em 0 1em 0;
    display: block;
    width: 170px;
    padding: 10px;
    margin: 15px 0px;
	background-color: #00b497;
}




.imagen_etapa{
	width: 200px;
	height: 200px;
	float: left;
	position: relative;
	margin-left: 20px;
	border-radius: 100px;
	background-color: white;
	 margin-top: 85px;
	margin-left: 50px;
}

.descripcion_etapa{
	width: 450px;
/*	height: 400px; */
	float: left;
	position: relative;
	padding-left: 120px;
}

.miniaturas_turquesa{
background-color: #00b497;
margin: auto;
width: 140px;
height: 140px;
}


.miniaturas_verde{
background-color: #e4e726;
margin: auto;
width: 140px;
height: 140px;
}

.miniaturas_naranja{
	background-color: #ffd635;
margin: auto;
width: 140px;
height: 140px;
}

.miniaturas_digital{
	background-color: #22DBDB;
margin: auto;
width: 140px;
height: 140px;
}

.titulos_turquesa{
width:180px;
margin: 10px;
padding: 10px;
height: 300px;
border:1px solid #00b497;
position: relative;
float: left;
}

.titulos_verde{
width:180px;
margin: 10px;
padding: 10px;
height: 300px;
border:1px solid #bbd74e;
position: relative;
float: left;
}

.titulos_coral{
width:180px;
margin: 10px;
padding: 10px;
height: 300px;
border:1px solid #ff8e6b;
position: relative;
float: left;
}

.titulos_naranja{
width:180px;
margin: 10px;
padding: 10px;
height: 300px;
border:1px solid #ffd635;
position: relative;
float: left;
}

.titulos_digital{
width:180px;
margin: 10px;
padding: 10px;
height: 300px;
border:1px solid #22DBDB;
position: relative;
float: left;
}



.titulos_turquesa:hover   {
	background-color: #00b497;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; 
	color: #fff !important;
}

.titulos_verde:hover   {
	background-color: #bbd74e;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; 
	color: #fff !important;
}

.titulos_coral:hover   {
	background-color: #ff8e6b;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; 
	color: #fff !important;
}

.titulos_naranja:hover   {
	background-color: #ffd635;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; 
	color: #fff !important;
}

.titulos_digital:hover   {
	background-color: #22DBDB;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s; 
	color: #fff !important;
}

.titulos_turquesa p{
	text-align: center;
	color: inherit;
}

.titulos_verde p{
	text-align: center;
	color: inherit;
}

.titulos_coral p{
	text-align: center;
	color: inherit;
}

.titulos_naranja p{
	text-align: center;
	color: inherit;
}

.titulos_turquesa p:a{
	text-decoration: none;
}

.titulos_verde p:a{
	text-decoration: none;
}

.titulos_coral p:a{
	text-decoration: none;
}

.titulos_naranja p:a{
	text-decoration: none;
}

.titulos_digital p:a{
	text-decoration: none;
}


.titulos_turquesa:hover{
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF !important;

}

.titulos_verde:hover{
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF !important;

}

.titulos_coral:hover{
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF !important;

}

.titulos_naranja:hover{
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF !important;

}

.titulos_digital:hover{
	text-decoration: none;
	cursor: pointer;
	color: #FFFFFF !important;

}


.titulos_turquesa h3{
	text-align: left;
	color: inherit;
}

.titulos_verde h3{
	text-align: left;
	color: inherit;
}

.titulos_coral h3{
	text-align: left;
	color: inherit;
}

.titulos_naranja h3{
	text-align: left;
	color: inherit;
}

.titulos_digital h3{
	text-align: left;
	color: inherit;
}

footer{
	width: 910px;
    height: 180px;
    background: #494848;
    position: relative;
    float: left;
    padding-left: 10px;
    font-size: 12px;
}

footer p{
	color: #FFFFFF;
}

footer a{
	color: #FFFFFF;
}

footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

footer li{
	color: #FFFFFF;
	list-style: none;
	padding-left: 15px; 
}

footer .column{
	width:400px;
	 padding-left:10px;
	  float:left; 
	  position: relative;
}


.portada{
	width: 150px;
    height: 180px;
    padding: 10px;
    /* margin: 10px; */
    float: left;
    position: relative;
    top: -50px;
}

.portada_libro img{
	    width: auto;
	    max-width: 180px;
    height: auto;
    max-height: 180px;
    margin: 0 14%;
}

.portada img{
	    width: auto;
	    max-width: 180px;
    height: auto;
    max-height: 180px;
}

.cerrar_descripcion_titulo{
	float: right;
    top: -38px;
    border-radius: 50%;
    background-color: #657983;
    width: 30px;
    height: 30px;
    padding: 10px;
    display: block;
    position: relative;
    left: 35px;
}

.cerrar_descripcion_titulo p{
	color: #fff;
    font-size: 1.8em;
    text-align: center;
    position: relative;
    top: -28px;
    cursor: pointer;
    display: block;
    font-weight: bold;
}

.nivel{
	    position: relative;
    float: left;
    padding: 10px;
    margin: 10px;
    height: 100px;
    width: 250px;
    border: 1px solid #f00;
    background-color: aqua;
}



.descripcion_tecnologia{
	 position: relative;
    float: left;
    padding: 10px;
    /* margin: 10px; */
    height: 70px;
    width: 350px;
    /*top: -21px; */
}

.ios_url_app , .android_url_app , .url_venta_ecommerce
, .url_guia_del_profesor , .booktrailer , .miniaturas_publicacion, .url_venta_ebook {
    float: left;
    position: relative;
    padding: 5px;
    margin: 5px;
	width: 35px;
	height: 35px;
    }

.datos_autores{
	    width: 600px;
    position: relative;
    float: left;
    padding: 10px;
    margin: 10px;
    overflow-y: scroll;
    height: 265px;
    border: 1px solid #a5a5a5;
    top:-40px;
    background: #FFFFFF;
}


.ficha_descriptiva{
    position: relative;
    float: left;
}


.descripcion_resena{
    position: relative;
    float: left;
}

.imagenes{
	    width: 210px;
	    height: 360px;
    position: relative;
    float: left;
}

.serie_color{
	    width: 180px;
    height: 160px;
    border: 1px solid #f00;
    position: relative;
    float: left;
    top:-50px;
}

.serie_turquesa{
        position: relative;
    float: left;
    width: 140px;
    height: 140px;
    padding: 10px;
    /* right: -80px; */
    background: url("../img/texto_serie_turquesa.png") top left;
    background-repeat: no-repeat;
}

.serie{
        position: relative;
    float: left;
    width: 140px;
    height: 140px;
    padding: 10px;
    /* right: -80px; */
    background: url("../img/logos_serie_turquesa.png") top left;
    background-repeat: no-repeat;
}

.serie_verde{
        position: relative;
    float: left;
    width: 140px;
    height: 140px;
    padding: 10px;
    /* right: -80px; */
    background: url("../img/texto_serie_verde.png") top left;
    background-repeat: no-repeat;
}

.serie_coral{
        position: relative;
    float: left;
    width: 140px;
    height: 140px;
    padding: 10px;
    /* right: -80px; */
    background: url("../img/texto_serie_coral.png") top left;
    background-repeat: no-repeat;
}

.serie_naranja{
        position: relative;
    float: left;
    width: 140px;
    height: 140px;
    padding: 10px;
    /* right: -80px; */
    background: url("../img/texto_serie_naranja.png") top left;
    background-repeat: no-repeat;
}

.serie_digital{
        position: relative;
    float: left;
    width: 140px;
    height: 140px;
    padding: 10px;
    /* right: -80px; */
    background: url("../img/texto_serie_digital.png") top left;
    background-repeat: no-repeat;
}


.datos_principales{
	float: left;
    position: relative;
    width: 650px;
    top: -50px; 
	
}



.header_help{
	float:left; position:relative; width:400px;   border:1px solid #657983; margin:20px;
}

.image_help{
	float:left; position:relative; width:100px; height:100px; padding:10px;
}

.content_help{
   float: left;
    position: relative;
    width: 230px;
    padding: 20px;
}

.content_help h3{
	color: #657983;
}

.top_help{
	    width: 100%;
    height: auto;
    position: relative;
    float: left;
}

.topic_content{
	      margin: 20px 5px;
    background-color: #657983;
    border-radius: 10px;
    /* height: 40px; */
    padding: 0px;
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
}

.inner_content{
	margin-left: 40px;
}

.inner_content h4{
font-size: 1.3em;
text-decoration: underline;
}

.pulpo_coral{
	width: 179px;
    position: absolute;
    margin-top: 30px;
    margin-left: 5px;
}

.li_head{
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: 100;
	color: #657983;
	line-height: 1.4em;
	font-family: myFirstFont;
	color: white;
}

.linecontent{
	width: 920px;
	height: 195px;
	background-color: #fff;
	position: relative;
	float:left;
}
.linecontentma{
	width: 920px;
	height: 290px;
	background-color: #fff;
	position: relative;
	float:left;
}

.circulos_01{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/SUMIACHER_LOS-JUEGOS-CUENTO_SE_1ED_3495-6-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}
.circulos_02{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/CHAVEZ_EL-NACIMIENTO-DEL-CORAZON_SE_1ED_3537-2-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}
.circulos_03{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/DELGADO_TU-ABUELA-EN-BICICLETA_SE_1ED_3438-2-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}
.circulos_04{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/RUBINSTEIN_UNA-NINA-EN-EL-PAIS-DEL-HOLOCAUSTO_SE_1ED_3535-8-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_05{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/CARDONA_ELVENKONIG-EL-REY-DE-LOS-ELFOS_SE_1ED_3478-8-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_06{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/CARDONA_ZAFRINA-LUVINA_SE_1ED_3468-9-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_07{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/MUNOZ_SERENDEPIAS_SE_1ED_33439-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_08{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/SOLIS_DRAGON-DE-KOMODO_SE_1ED_3563-1-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_09{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/BIALET_NUNCA-MAS_SE_1ED_3454-2-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_10{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/CAMARA_CUENTOS-EN-SOLITARIO_SE_1ED_3491-7-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_11{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/SOLIS_GOLPE-DE-NOCAUT_SE_1ED_3562-4-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_12{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/CLEVIT_JADE-EL-LABERINTO-DE-UN-SUENO_SE_1ED_3440-5-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_13{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/CHAVEZ_MUERTO-DE-CORAZON-1ED_34634-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_14{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/CHANTACA_NARRACIONES-PARA-LEERSE-CON-LA-LUZ-APAGADA_SE_1ED_3469-6-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.circulos_15{
	width: 125px;
	height: 125px;
	float: left;
	position: relative;
	border-radius: 100px;
	background-color: red;
	margin: 55px 40px 55px 90px;
	background-size: 110%;
	background-image: url('../img/secundaria/portadas/SANTAJULIANA_PRONOMBRES-PERSONALES_SE_1ED_3567-9-PORTADA.jpg');
	background-position-x: -14px;
	background-position-y: -60px;
}

.Titulos{
	font-size: 14pt;
 	font-style: normal;
 	font-variant: normal;
 	font-weight: bold;
 	color: #ec5d49;
 	font-family: myFirstFont;
 	top: -30px;
 	position: relative;
 	text-align: center;
	text-transform: uppercase;
}

.textder{
	width: 639px;
	height: 100px;
	float: left;
	position: relative;
    margin-top: 85px;
	border-left: 1px solid #c7c7c7;
}

.Titulossec{
	font-style: normal;
	font-variant: small-caps;
	font-weight: 100;
	color: #808080;
	font-family: myFirstFont;
	top: -45px;
	position: relative;
	text-align: center;
	font-size: 13pt;
}

.Titulossecma{
	font-style: normal;
    font-variant: small-caps;
    font-weight: 100;
    color: #808080;
    font-family: myFirstFont;
    top: -40px;
    position: relative;
    text-align: justify;
    font-size: 13pt;
    left: 178px;
    width: 450px;
	line-height: 10px;
}
.Titulossecma1{
    font-style: normal;
    font-variant: small-caps;
    font-weight: 100;
    color: #808080;
    font-family: myFirstFont;
    top: -40px;
    position: relative;
    text-align: justify;
    font-size: 13pt;
    left: 182px;
    width: 450px;
	line-height: 10px;
}
.botonder{
	background-image: url(../img/botder.png);
	border-radius: 25px;
    background-size: 25px 25px;
    width: 25px;
    height: 27px;
    margin-top: 50px;
    background-repeat: no-repeat;
    background-color: white;
}

.botonizq{
	background-image: url(../img/botizq.png);
	border-radius: 25px;
    background-size: 25px 25px;
    width: 25px;
    height: 27px;
    margin-top: 50px;
    background-repeat: no-repeat;
    background-color: white;
}

.slideinactivo{
		display:none;
	}
	
.vid_img{
	border: 0;
    height: 45px;
    width: 45px;
    position: relative;
}
.vid_img1{
	border: 0;
    height: 45px;
    width: 45px;
    position: relative;
}
.vid_img2{
	border: 0;
    height: 45px;
    width: 45px;
    position: relative;
}
.vid_img3{
	border: 0;
    height: 45px;
    width: 45px;
    position: relative;
}
.vid_img4{
	border: 0;
    height: 45px;
    width: 45px;
    position: relative;
}

.vidtext00{
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    border: 0;
    position: relative;
	bottom: -18px;
    right: 50px;
}

.vidtext01{
     font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    border: 0;
    position: relative;
	bottom: -18px;
    right: 50px;
}
.vidtext02{
     font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    border: 0;
    position: relative;
	bottom: -18px;
    right: 50px;
}
.vidtext03{
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    border: 0;
    position: relative;
	bottom: -18px;
    right: 50px;
}
.vidtext04{
    font-family: 'Montserrat', sans-serif;
    font-size: 12pt;
    border: 0;
    position: relative;
	bottom: -18px;
    right: 50px;
}

.contentvid{
	height: 70px;
    display: block;
    padding-top: 38px;
}