/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline}
/* Fonts */

/* HEADER---------------------------------------- */
header {height:0px;}
.fondo_menutop {background:#021A3E; border:0; position: absolute; top: 0px; left:0px; z-index:80; width:100%; /*padding:5px;*/}
.fondo_pagina {background:url(../images/bg_body.jpg) 0px 0px repeat-x #FFF}

.under{border-bottom:2px solid #FF3C3C;margin-bottom:25px; color: #020E50; font-size:28px}       
.borde_imagen {
padding:4px; 
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #999 1PX solid;
}

.leermas {text-decoration:none; color:#2D5BB0}
.leermas:hover {color:#FF9900}


.texto_azul_14{
color:#1B4377;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.texto_azul_18{
color:#1B4377;
font-size:18px;
}

.texto_rosado_18{
color: #FF3C3C;
font-size:18px;
}

.advertencia{
background:#D0E4F0;
padding:10px;
margin:35px;
color:#036;
border:#06C 1px solid
}

.advertenciaerror{
background:#FCC;
padding:10px;
margin:25px 0 25px 0;
color:#900;
border:#C00 1px solid	
}

.advertenciainicial{
background:#D0E4F0;
padding:10px;
margin:25px 0 25px 0;
color:#036;
border:#06C 1px solid
}


.logo_rse_top{
	width: 167px;
	height: 76px;
	background: url(../images/logo-rse-top.png) no-repeat center center;
	
	display:none;
}


/* ============================= forms ============================= */
#ContactForm {margin:10px;}
#ContactForm span{width:70px;float:left;line-height:26px; color:#039}
#ContactForm .titulo{width:80%;float:left;line-height:26px; margin-bottom:15px;}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}

#ContactForm .input {width:80%;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}

#ContactForm .combo {width:80%;height:25px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}

#ContactForm textarea {overflow:auto;width:80%;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}

#ContactForm ul{
list-style:none;		
padding-left:25px;
padding-top:10px;
padding-bottom:10px;
}

#ContactForm li {			
	padding-left:15px;
	text-align:justify;
	background:none;
}




.home-gallery{ 
	display: block;
	padding-top:10px;
	margin-left:10px;

}

.home-gallery li{ 
	display: block;
	float: left;
	margin-right:12px;
	margin-bottom: 10px;
	width: 30%;

}

.home-gallery .thumb{ 
	line-height: 0em;
	display: block;
	background: url(../images/plus.png) no-repeat center center;
	border:#CCC 1px solid;
	margin:3px;
	
	-webkit-box-shadow: 3px 3px px rgba(0,0,0,.2); 
	-moz-box-shadow: 3px 3px 0px rgba(0,0,0,.2); 
	box-shadow: 3px 3px 0px rgba(0,0,0,.2);
}

.home-gallery img{
	max-width: 100%;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.home-gallery .thumb:hover img{
	opacity: 0.15;
}


/* ---------CONTENIDO PAGINAS INTERNAS---------------------------------------- */
#contenido { position:relative; z-index:4; margin-top:160px; background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.5); margin-bottom:35px;   }


#contenido ul{
list-style:none;		
padding-left:25px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
}

#contenido li {			
	padding-left:15px;
	text-align:justify;
	background:url(../images/vineta_flecha.png) 0px 4px no-repeat ;
}

/* ---------CONTENIDO SIN LISTAS---------------------------------------- */
#contenidosinlistas { position:relative; z-index:4;  margin-top:160px; background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); margin-bottom:35px;   }

/* ---------CONTENIDO SIN LISTAS---------------------------------------- */
#contenidosinlistashome { position:relative; z-index:4;  margin-top:-100px; background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); margin-bottom:35px;   }




/* ---------suscr�base---------------------------------------- */
#newsletter{ width:250px;}
#newsletter .input{background:#fff;padding:6px 10px; width:136px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0; }
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter a{float:right;width:90px;height:32px;background:#4A74BC;line-height:32px;color:#fff;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#60b000;color:#fff}
.suscribase{font-size:16px; color:#FF3C3C; font-style:italic; font-weight:bold; letter-spacing:0.1px; padding-bottom:10px; padding-top:20px}

/*-------------------------------------LOGO----------------------------------------------*/
#logo { position:relative; left:0px; /*top:-10px;*/top:35px; width:162px; background-color:#FFF;padding:10px 4px 8px 4px;-webkit-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;}

/*-------------------------------------SEARCH----------------------------------------------*/
#search {background:url(../images/search.jpg) no-repeat;width:170px;height:26px;float:right;margin-top:5px;}
#search .submit {float:right;background:url(../images/button-search.gif);height:21px;width:30px;cursor:pointer; border:1px solid #003}
#search .input {width:128px;background:#fff;padding:2px 3px 2px 3px;border:1px solid #d9d9d9;float:right}

.caja_1{
	display:block;
	
	/*width: 460px;*/
	width: auto;
	padding:0px 0px;
	float:right;
}

.caja_0{
	width:100%;
	display:inline-block;

}

/*-------------------------------------MENUs ----------------------------------------------*/

 #submenu_2{
	opacity: 0;
	margin-left:105px;
	top:-6px;
	display:none;
}

.submenu_1:hover #submenu_2{
	border-radius: 0 0 6px 6px;
	left: 5px;
	opacity: 1;
	display:block;
}


/*-------------------------------------MENU TOP----------------------------------------------*/

.menu_top {
padding-top:0px;
list-style:none;	
margin:0px;	
padding-left:0px;
height:42px;
/*width:500px;*/
float:left;


}

.menu_top li {	
margin-left:1px;
float:left;
}

.menu_top li a {
	display:block;
	height:20px;
	padding-top:9px;
	padding-right:8px;
	text-decoration:none;
	text-align:left;
	font-size:13px; 
	color:#CCC;	
}

.menu_top li a:hover {
	color:#99C7EF;
	text-decoration:underline;
}

.menu_top .noticia {
background:url(../images/megafono.png) 0px 12px no-repeat ;
padding-left:25px;
}

/*--------------------------------------------------------------------------------------*/
.menu_social {

/*padding-top:5px;*/
/*list-style:none;*/
/*margin:0px;	*/
/*padding-left:5px;*/


float:right;

overflow: hidden;
  height: 32px;

}

.menu_social li {	
margin-left:1px;
float:right;
}

.menu_social li a {
	display:block;
	height:20px;
	padding-right:6px;
	text-decoration:none;
	text-align:left;
	font-size:13px; 
	color:#09C;	
	font-weight:bold;
}

.menu_social li a:hover {
	color:#FC0;
	
}




/* == Footer
   ========================================================================== */
/* == Footer ========================================================================== */
/*---------------------------NOTICIAS DETALLE-------------------------------------*/
footer {
	background-color:#CDDCDF;
	border-top:#588487 5px solid;
	padding-top: 20px;
	padding-bottom:20px;
	position:relative;
	top:-50px;

	
	
}
footer .col1{float:left; width:23%;  }
footer .col2{float:right; width:31%;  }
footer .span{ color:#039 }

footer .list1{padding-top:1px; width:80%; }
footer .list1 li{ border-bottom:#588487 1px dotted; line-height:25px}
footer .list1 a{
	color:#039;
	text-decoration:none;
	font-style:normal;
	padding-left:14px;
	background:url(../images/marker_1.gif) 0 6px no-repeat;
}
footer .list1 a:hover{color:#FF9900}
footer .copyright{ color:#333;}
footer .copyright a {color: #039;}
footer .copyright a:hover {color: #fff;}



/* BOTONES */


.buttons a, .buttons button{
    background-color:#1B4377;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    border:1px solid #dedede;
    font-size:13px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#FFF;
    cursor:pointer;
    padding:10px 7px 6px 7px; /* Links */
}

.buttons button img, .buttons a img{
    margin:0 0px 0px 0 !important;
    padding:0;
    border:none;
}


/* DESCARGAR */

button.descargar, .buttons a.descargar{
    color:#FFF;
	background:#FF3C3C;
}
.buttons a.descargar:hover, button.descargar:hover{
    background-color:#FFA4A4;
    border:1px solid #F36;
    color:#FFF;
}
.buttons a.descargar:active{
    background-color:#4A74BC;
    border:1px solid #036;
    color:#FFF;
}


/* POSITIVE */

button.positive, .buttons a.positive{
    color:#FFF;
	background:#FF3C3C;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#FFA4A4;
    border:1px solid #F36;
    color:#FFF;
}
.buttons a.positive:active{
    background-color:#4A74BC;
    border:1px solid #036;
    color:#FFF;
}


/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#FFF;
}
.buttons a.negative:hover, button.negative:hover{
    background:#E8F7FF;
    border:1px solid #09F;
    color:#006;
}
.buttons a.negative:active{
    background-color:#004A95;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/*---------------------------TESTIMONIOS HOME--------------------------------------*/

#testimonials {
margin-bottom:15px;
width:90%;
margin:0 auto;
}
#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #E5E4EC;padding:10px 17px 23px 10px;  }
#testimonials .divfoto{ background:#FFF; padding:0px;  }
#testimonials .frasecelebre{ font-size:13px; text-align:justify; }
#testimonials .nombre{font-style:normal; color:#4A74BC; padding:0px;}
#testimonials .cargo{font-style:normal; font-size:11px; line-height:13px; color:#003; padding-right:5px; text-align:left}
#testimonials .foto{float:left; padding-left:15px; padding-right:5px; padding-bottom:5px; margin:0px 10px 10px 10px;
padding:4px; 
box-shadow: #999 2px 1px 0px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #F3F3F3 1PX solid;
}
#testimonials .izq{float:left; padding-right:5px; padding-bottom:5px; margin-top:7px;}
#testimonials .der{padding-right:5px;  margin-top:0px;}

/*---------------------------PAGINA INICIO--------------------------------------*/

#paginainicio{margin-top:15px; padding-bottom:25px; }
#paginainicio .col1{width:70%;}
#paginainicio .col2{width:30%;}
#paginainicio .col3{width:33%;}
#paginainicio .cover1{ width:90%; }
#paginainicio .cover2{ width:95%; }
#paginainicio p{margin:0px 10px 0px 10px; }
#paginainicio h2{margin:10px;}


/*---------------------------PAGINAS INTERNAS--------------------------------------*/
#paginasinternas {margin-top:15px; padding-bottom:25px; }
#paginasinternas .col1{width:70%;}
#paginasinternas .col2{width:30%;}
#paginasinternas .col3{width:25%;}
#paginasinternas .cajasubmenu{float:right; width:90%;  margin:0 auto;}
#paginasinternas .cajafoto{ width:70%;  margin:0 auto;}
#paginasinternas .cajaestandares{ width:80%;  margin:0 auto;}
#paginasinternas p{margin:0px 10px 0px 10px; }
#paginasinternas h2{margin:10px;}
#paginasinternas h3{margin:10px;}

#paginasinternas .fotocapacitaciones{width:100%; max-width:550px; text-align:center; margin:14px 5px 14px -5px}
#paginasinternas .fotoimplementacionrse{width:100%; max-width:400px; text-align:center; margin:14px 5px 14px -5px}
#paginasinternas .fotodiagnostico{width:100%; max-width:550px; text-align:center; margin:14px 5px 14px -5px}

#paginasinternas .fotoaplicacion{width:100%; max-width:500px; text-align:center; margin:14px 5px 14px -5px}


/*-------------------------------------- contactenos -------------------------------------*/
#ct_personas {
background:#DDDDDD;
margin-bottom:0px;
padding-bottom:10px;
height:105px;
width:100%;
 }
#ct_personas div {font:11px  Arial, Helvetica, sans-serif; color:#1B4377; font-weight:normal; padding:2px 0px 5px 9px; margin:0; text-align:left;}
#ct_personas .titulo{ padding-top:10px; text-align:left; padding-left:9px; font-size:17px; color:#53A940;  font-weight:bold }
#ct_personas img { float:right;  }

.contactarse {text-decoration:none; color:#FFF; background:#390; padding:5px; margin-left:10px; 
box-shadow: #999 2px 1px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #F3F3F3 1PX solid;}
.contactarse:hover {color:#FC0}



.linea_celeste{  border-bottom:#CCC 1px dotted; padding-bottom:5px; padding-top:5px; }
/*-------------------------------------- /contactenos -------------------------------------*/



/*----------------------------BLOQUE DE BANNER FIJO PAGINAS---------------------------------------*/
.bloquetexto{text-align:left; width:180px;}

a.caja_asistencia1p { 
display:block; 
width:100%;
height:36px; 
background:url(../images/icon-encuesta.png) 6px 4px no-repeat #19AECC; 
color:#FFF;
text-decoration:none;
font-size:18px;
padding:20px 10px 30px 100px;
margin:10px 10px 10px 0px;
}
a.caja_asistencia1p:hover {
background:url(../images/icon-encuesta.png) 6px 4px no-repeat #CDFCFA; 
color:#19AECC;
}


a.caja_asistencia2p { 
display:block; 
width:100%;
height:36px;
background:url(../images/icon-publicaciones.png) 6px 4px no-repeat #FC0; 
color:#FFF;
text-decoration:none;
font-size:18px;
padding:20px 10px 30px 100px;
margin:10px 10px 10px 0px;
}
a.caja_asistencia2p:hover {
background:url(../images/icon-publicaciones.png) 6px 4px no-repeat #FF9; 
color:#719D29;
}


a.caja_asistencia3p { 
display:block; 
width:100%;
height:36px; 
background:url(../images/icon-triple-sello.png) 6px 4px no-repeat #4A74BC; 
color:#FFF;
text-decoration:none;
font-size:18px;
padding:20px 10px 30px 100px;
margin:10px 10px 10px 0px;
}
a.caja_asistencia3p:hover {
background:url(../images/icon-triple-sello.png) 6px 4px no-repeat #CEE9FD; 
color:#4A74BC;
}

/*----------------------------------------------------------------------------------*/

/*----------------------------BLOQUE DE BANNER HOME---------------------------------------*/
.bloquetextohome{text-align:left; width:180px; padding-left:100px;}

a.caja_asistencia1 { 
display:block; 
width:100%;
height:36px; 
background:url(../images/icon-encuesta.png) 6px 4px no-repeat #EB5E26;
color:#FFF;
text-decoration:none;
font-size:18px;
padding:20px 10px 30px 0px;
margin: auto 0;
}
a.caja_asistencia1:hover {
background:url(../images/icon-encuesta.png) 6px 4px no-repeat #EE7446;
color:#FFF;
}


a.caja_asistencia2 { 
display:block; 
width:100%;
height:36px; 
background:url(../images/icon-publicaciones.png) 6px 4px no-repeat #FC0; 
color:#FFF;
text-decoration:none;
font-size:18px;
padding:20px 10px 30px 0px;
margin: auto 0;
}

a.caja_programa {
	display:block;
	width:100%;
	height:36px;
	background:url(../images/icon-programaxx.png) 6px 4px no-repeat #38B6FF;
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	padding:20px 10px 30px 0px;
	margin: auto 0;
}

a.caja_asistencia2:hover {
background:url(../images/icon-publicaciones.png) 6px 4px no-repeat #FF9; 
color:#719D29;
}


a.caja_asistencia3 { 
display:block; 
width:100%;
height:36px; 
background:url(../images/icon-triple-sello.png) 6px 4px no-repeat #4A74BC; 
color:#FFF;
text-decoration:none;
font-size:18px;
padding:20px 10px 30px 0px;
margin:0px;
}
a.caja_asistencia3:hover {
background:url(../images/icon-triple-sello.png) 6px 4px no-repeat #CEE9FD; 
color:#4A74BC;
}

/*------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------*/
/*-------------------------------------- descarga azul-------------------------------------*/

#descarga {
width:100%;
margin-left:0px;
background:#fff;
border:#537DB6 1px solid;  box-shadow: 0px 5px 0px rgba(30,70,140,.7); 
-webkit-border-radius: 10px ;
-moz-border-radius: 10px ;
border-radius: 10px ;
-webkit-border-radius: 10px;
border-radius: 10px;

}

#descarga h2 {			
padding:5px;  
font:12px Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
font-weight:bold; 
padding:5px ; 
margin:5px; 
text-align:center; 
background:#537DB6;
-webkit-border-radius:3px ;
-moz-border-radius:3px ;
border-radius:3px ;
}

#descarga table {			
padding:5px;
margin:10px;
}

#descarga span {			
padding:3px; 
margin:3px;  
color:#333333; 
font:12px  Arial, Helvetica, sans-serif; 
text-align:left;
}

#descarga a {			
padding:3px; 
margin:3px;  
color:#24488C; 
font:11px  Arial, Helvetica, sans-serif; 
text-align:center;
}

#descarga a:hover {			
padding:3px; 
margin:3px;  
color:#FFCC33; 
font:11px  Arial, Helvetica, sans-serif; 
text-align:center;
}

#descarga .boton {
margin:5px;	
height:20px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#537DB6;
cursor:pointer;

}

#descarga .boton:hover{
background:#79BBFE;
}
/*-------------------------------------- /descarga azul -------------------------------------*/

/*--------------------------------------descargas -------------------------------------*/
#descargas {
width:99%;
margin-bottom:25px;
border:#BCE8F9 1px solid;  box-shadow: 0px 10px 0px rgba(122,210,244,.5);
-webkit-border-radius: 10px ;
-moz-border-radius: 10px ;
border-radius: 10px ;
}
#descargas h2 {font:16px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:5px ; margin:8px; text-align:center; background:#24488C;
-webkit-border-radius:3px ;
-moz-border-radius:3px ;
border-radius:3px ;
}

#descargas ul{
list-style:none;		
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
}

#descargas li {			
	width:90%;
	padding-left:0px;
	text-align:left;	
	border-bottom:#CCCCCC 1px dotted;
	padding-bottom:3px;
	padding-top:3px;
}

#descargas li ul li{
	width:150px;
}

#descargas a {
color:#24488C;
text-decoration:none;
}

#descargas a:hover{
color:#FF9900;
text-decoration:none;
}

#descargas .current {
color:#FF9900;
}




/*--------------------------------------submenu -------------------------------------*/
#submenu {
width:100%;
margin-top:25px;
margin-bottom:25px;
font-size:13px;
background:#FFF;
-webkit-border-radius: 10px ;
-moz-border-radius: 10px ;
border-radius: 10px ;
}
#submenu h2 { 
font-size:23px ; 
color:#fff;  
text-align:center; 
background:#FF3C3C;
margin:0;
padding:3px;
-webkit-border-radius:3px ;
-moz-border-radius:3px ;
border-radius:3px ;
}

#submenu ul{
list-style:none;		
padding-left:25px;
padding-top:10px;
padding-bottom:10px;
}

#submenu li {			
	width:100%;
	padding-left:15px;
	text-align:left;
	background:url(../images/vineta_submenu.jpg) 0px 7px no-repeat ;
	border-bottom:#CCCCCC 1px dotted;
	padding-bottom:3px;
	padding-top:3px;
}


#submenu a {
color:#333;
}

#submenu a:hover{
color:#039;
text-decoration:none;
}

#submenu  .current{
color:#FF3C3C;
text-decoration:none;
}




@font-face {
    font-family: 'roboto';
    src: url('../fuentes/roboto-condensed.eot');
    src: url('../fuentes/roboto-condensed.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/roboto-condensed.woff') format('woff'),
         url('../fuentes/roboto-condensed.ttf') format('truetype'),
         url('../fuentes/roboto-condensed.svg#lato') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Global properties */
body{ border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:22px;}

.vinculo {color:#0f0f0f;text-decoration:none;outline:none}
.vinculo:hover {text-decoration:none; color:#9CBA1A}

a {color:#000;text-decoration:none;outline:none}
a:hover {text-decoration:none; color:#FF3C3C}
h1 {padding:0px 0 0 0px;float:left}
h2{font-size:22px;font-style:normal; font-family:"roboto"; font-weight:400;line-height:1.2em;padding:10px 0 2px 0;color:#000;letter-spacing:-1px}
h2 span {color:#13c5ff}
h3{font-size:19px;color:#1B4377; font-family:"roboto"; line-height:1.2em;letter-spacing:-0px;padding-bottom:0px; padding-top:0px; font-weight:400;font-style:normal}
h4{font-size:26px; font-family:"roboto"; line-height:1.2em;color:#000;font-weight:400;padding:10px 0 10px 0}


p {padding:7px 0px 7px 0px; text-align:justify}



/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden; margin:auto; }
.wrapper90 {width:90%;overflow:hidden; margin:auto; }
.wrapper98 {width:98.2%;overflow:hidden; margin:auto; }
.wrapper95 {width:95%;overflow:hidden; margin:auto; }
.relative {position:relative}

.pad_left1 {padding-left:67px}
.pad {padding:0 10px}
.pad_bot1 {padding-bottom:14px}
.pad_top1 {padding-top:14px}
.pad_top2 {padding-top:50px}
.pad_bot2 {padding-bottom:6px}
.marg_right1 {margin-right:24px}
.marg_top1 {margin-top:24px}
.marg_left1 {margin-left:-5px}
.line1 {background:url(../images/line_ver1.gif) 325px 0 repeat-y}
.line2 {background:url(../images/line_ver1.gif) 635px 0 repeat-y}





.galeriahome{ margin-top:106px; background:#666;  overflow:hidden; z-index:1;}

.mono{
	float:right; width:124px; height:203px; background:url(../images/mono-arana2222.png) no-repeat; position:relative; z-index:-1; left:-100px; top:50px; overflow:hidden;
	}





/* 	LAYOUTS PARA PC  */

.main {margin:0 auto;width:80%;}
.maintop {margin:0 auto;width:100%;}
.body1 {background:url(../images/bg_bosque-1.jpg) 0px 0px repeat-x #FFF; height:20%;}
.body2 {background:#F8F4E6; }
.body3 {background:#FFF}
.body4 {background:#ECF4FC}
.body5 {background:#F8F4E6;}
.body6 {background:#E5F2E6}
.body7 {background:#F8F4E6}
.body8 {background:#FFF}


.col1, .col2, .col3, .cols {float:left}
.col1 {width:290px}
.col2 {width:240px}
.col3 {width:252px}

.texto_aviso { font-weight:bold;  color:#600;  background:#FFF3E8; border-radius: 5px;}
.texto_aviso_enviado { font-weight:bold;  color:#600;  background:#BEF3CE; border-radius: 5px;}
.texto_negro_p { font-size:13px; color:#000; font-weight:normal; font-style:italic}
.texto_rojo_bold { font-size:14px; color:#F00; font-weight:bold}
.texto_cafe_bold_arial {font-size:14px; color:#F90; font-weight:bold}
.texto_cafe_bold {font-family:'chocolate_covered'; font-size:25px; color:#4D1F0F; font-weight:bold}
.texto_cafe_bold_normal {font-family:'chocolate_covered'; font-size:30px; color:#4D1F0F; font-weight:bold}
.texto_negro_bold { font-size:15px; color:#333; font-weight:bold; letter-spacing:-0.5px}



#page1 #content3 .col{float: left; margin-bottom:25px; width:33.3%;	 }
#page1 #content3 .cover{width:80%;  }

#page1 #content4 .col1 {width:30%;  }
#page1 #content4 .col2 {width:30%;  margin-left:4.8%;  }
#page1 #content4 .col3 {width:30%;  margin-left:4.8%;  }


#page1 #content7 .col1 {width:60%;   }
#page1 #content7 .col2 {width:35%;  margin-left:2% ;  }

#page1 #content8 .col1 {width:20%; }
#page1 #content8 .col2 {width:38%; padding-left:2%; }
#page1 #content8 .col3 {width:40%;   }




.fondo_titulo{background:#FC0; }
.fondo_contenido{
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#fff));
	background-image: linear-gradient(#FFF,#fff);
 }

.linea_hoja{
	background:url(../images/bg_linea1.png) 0 0 repeat-x;
 }




/* ---- GRID Layout ---- */
.div{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.grid{margin:0 auto; max-width:1200px; width:100%;} /* You can choose the grid 1200 or 1140 or 1024 or 960 as per your requirement */
.g1140{margin:0 auto; max-width:1140px; width:100%;}
.g1024{margin:0 auto; max-width:1024px; width:100%;}
.g960{margin:0 auto; max-width:960px; width:100%;}
.row{width:100%; margin:0 auto;}
.c1{width:8.33%;}
.c2{width:16.66%;}
.c3{width:25%; }
.c4{width:33.33%;}
.c5{width:41.66%;}
.c6{width:50%;}
.c7{width:58.33%;}
.c8{width:66.66%;}
.c9{width:75%;}
.c10{width:83.33%;}
.c11{width:91.66%;}
.c12{width:100%; min-height:1px; float:left; position:relative;}
.c1-5{width:20%;}/* This column can be used as a one fifth of the row */
.c1-8{width:12.5%;}/* This column can be used as a one eigth of the row */ 
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c1-5,.c1-8 {min-height:1px; float:left; padding-left:10px; padding-right:10px; position:relative;}
.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
	padding-left: 0; position:relative;
}
.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
	padding-right: 0; position:relative;
}

/* Media query for iPad and tablets */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
	body{font-size:90%}
	.row{margin-bottom:0!important}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-8{width:100%;margin-right:0;margin-left:0;margin-bottom:20px; padding:0 10px;}
	.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {
		padding-left: 10px; position:relative;
	}
	.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-8.last {
		padding-right: 10px; position:relative;
	}
}

/* 	CARACTERISTICAS DEL CONTENIDO DE LOS CONTENEDORES----------------- */
#page1 #content2 .col1 {width:100%;   }
#page1 #content2 .tituloh{ float:left; width:58%; padding-top:50px;  }
#page1 #content2 .imagenh{ float:right; width:40%;  }
#page1 #content2 .textoh{ float:left; width:58%;  }
#page1 #content2 {padding-top:10px; padding-bottom:20px; }


#page1 #content3 {padding-top:10px;}
#page1 #content3 h3 {color:#FF8439; font-family:'lato'; font-size:20px; padding:0px;}
#page1 #content3 p {color:#84634A; padding-bottom:10px; padding-top:0px;}


#page1 #content4 {padding-top:10px; padding-bottom:20px;}
#page1 #content4 h2 {color:#3E1803;  letter-spacing:-1px; text-align:left; padding-top:25px; }

#page1 #content4 .estudiofoto {float:left; width:120px; padding-left:10px; }
#page1 #content4 .estudiotexto {float:right; width:165px; padding-right:10px;  }

#page1 #content5 .col1 {width:100%;   }
#page1 #content5 .tituloh{ float:left; width:58%;  }
#page1 #content5 .imagenh{ float:right; width:40%;  }
#page1 #content5 .textoh{ float:left; width:58%;  }
#page1 #content5 {padding-top:10px; padding-bottom:20px; }


#page1 #content6 .col1 {width:100%;   }
#page1 #content6 .titulob{ float:right; width:55%;  }
#page1 #content6 .imagenb{ float:left; width:40%;  overflow:hidden }
#page1 #content6 .textob{ float:right; width:55%;  }
#page1 #content6 {padding-top:10px; padding-bottom:20px; }


#page1 #content7 {padding-top:10px; padding-bottom:20px;}
#page1 #content8 {}

.imagenancho {
width: 100% !important;
max-width:411px;
height: auto
}
.iconocaja {float:left;width:73px; padding:10px}
.cajarecetas {
   width: 100%;
   height: 326px;
   margin: 0px;
   float: left;
   	border:1px #CCC solid; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	border-radius:10px; 
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;
   background: #fff ;
}








/*---------------------------TIPS-------------------------------------*/
#tips {margin-top:15px; margin-bottom:25px }
#tips .col1{width:100%;}
#tips .imagentip{  width:100%; }

#tips .listadotip  {
	display:block;
	width:96%;
    padding-left:4%;
	text-align:left;
	background:url(../images/flecha_circulo.jpg) 0px 12px no-repeat ;
	border-bottom:#CCCCCC 1px dotted;
	padding-bottom:8px;
	padding-top:8px;
}

/*---------------------------TIPS DETALLE-------------------------------------*/
#tips_detalle {margin-top:15px; margin-bottom:25px }
#tips_detalle .col1{width:100%;}
#tips_detalle .titulotip{ float:right; width:60%;  }
#tips_detalle .imagentip{ float:left; width:40%; }
#tips_detalle .textotip{ float:right; width:60%;}
#tips_detalle .caja{width:95%;}


/*---------------------------NOTICIAS DETALLE-------------------------------------*/
#noticias_detalle {margin-top:15px; margin-bottom:25px }
#noticias_detalle .col1{width:100%;}
#noticias_detalle .titulonot{ float:right; width:60%;  }
#noticias_detalle .imagennot{ float:left; width:40%; }
#noticias_detalle .textonot{ float:right; width:60%;}
#noticias_detalle .caja{width:95%;}


/*---------------------------PAGINA DEL NOTICIAS--------------------------------------*/
#noticias {margin-top:15px; margin-bottom:25px }
#noticias .col1{width:70%;}
#noticias .col2{width:30%;}
#noticias .titulonot{  width:100%; }
#noticias .imagennot{ float:left; width:45%; }
#noticias .textonot{ float:right; width:55%;}
#noticias p{ padding: 10px;}

#noticias .destacado {
    width: 96%;
    position: relative;
    border: 1px solid #B9B9B9;
    overflow: hidden;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0% 0% #F3F5F5;
}



#noticias .destacado:after {
    height: 3px;
    top: 0px;
    left: 0px;
    content: "";
    position: absolute;
    width: 100%;
    background: url(../images/caja-borde.png) repeat scroll 0% 0% transparent;
}

#noticias .destacado h3 {
    font: 30px ;
    color: #605E61;
    margin: 0px;
    background: none repeat scroll 0% 0% #FFF;
    border-bottom: 1px solid #B9B9B9;
}
#noticias .destacado img {
    padding: 10px;
	width:90%;
	max-width:280px;
}


#noticias .video{
   	border:1px #CCC solid; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	border-radius:10px;
	padding:10px;
}


/*---------------------------PAGINA DEL CONTACTO--------------------------------------*/
#contactenos .mensaje {padding:20px 10px 20px 10px}
#contactenos .col1 {width:60%;}
#contactenos .col2 {width:40%}
#contactenos .col3 {width:100%}


/* ---- Forms ---- */
.vform {width: 85%; margin-left:10px }
.vform {margin-bottom: 20px; font:14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333;}
.vform label {width: 100%; margin-bottom: 5px; }
.vform label{font-size: 14px; line-height: 21px; vertical-align: middle; display: block; float: left; text-align: left; font-weight:bold}
.vform textarea, .vform input{
	width: 100%;
}

.vform input[type="submit"]{
	width: 20%;
	background:#F90;
}

.vform textarea, .vform input{
	display: block;
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 5px 10px;
	vertical-align: middle;
	outline: none;	
			border-radius: 4px;
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
			transition: border linear 0.4s, box-shadow linear 0.4s;
		 -o-transition: border linear 0.4s, box-shadow linear 0.4s;
	   -moz-transition: border linear 0.4s, box-shadow linear 0.4s;
	-webkit-transition: border linear 0.4s, box-shadow linear 0.4s;
	margin-bottom: 10px;
	font-size: 13px; 
	line-height: 21px; 
	height: 30px;
} 
.vform input:focus, textarea:focus{
  border: 1px solid;
  border-color: rgba(82, 168, 236, 0.8);
  color: #444;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
}
.vform textarea{min-height: 120px; }
.vform fieldset {margin-bottom: 10px; }




/*---------------------------ESTUDIOS-------------------------------------*/
#estudios {margin-top:15px; margin-bottom:25px }
#estudios .col1{width:100%;}

#estudios .itemproducto_cover{
float: left;
margin-bottom:25px;
width:25%;	

}

#estudios .itemproducto{	
    width:80%;	
	height:380px;
	/*centra el elmento en su contenedor padre*/
	margin:auto;
/*	border:rgba(255,0,153,1) dashed 1px;*/
	box-shadow:rgba(153,153,153,1) 3px 5px 10px 0px;
	
	background-color:rgba(255,255,255,1);
	color:rgba(143,69,41,1);
	
	-webkit-border-radius: 5px;
			border-radius: 5px;
			
	padding:10px;
	
	transform:scale(0.95);
   
	
}
#estudios .itemproducto:hover{
	transform:scale(1.05);
	box-shadow:rgba(153,153,153,1) 0px 0px 30px 3px;
	transition:all 500ms ease;
}

#estudios .itemproducto img {
	width: 100%;
}


#estudios .itemproducto h3 {
	font-family:'lato';
    font-size:18px;
	font-weight:400;
    margin: 0px;
    padding: 15px 0px 5px 0px ;  
    text-align: left;
	letter-spacing:-0.9px;
    line-height:1em;	
}




/*---------------------------PAGINA DEL VIDEO--------------------------------------*/
#video {margin-top:15px; margin-bottom:25px }
#video .col1{width:100%;}

#video .itemvideo_cover{
float: left;
margin-bottom:25px;
width:33.3%;	
}

#video .itemvideo{	
    width:80%;	
	height:270px;
    padding: 15px;
    background: #FFF;
    border: 1px solid #E2E2E2;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.1);
   
	
}

#video .itemvideo img {
	width: 100%;
}


#video .itemvideo h3 {
	font-family:'lato';
    font-size:24px;
	font-weight:400;
    margin: 0px;
    padding: 15px 0px 5px 0px ;  
    text-align: left;
	letter-spacing:-0.7px;
    line-height:1em;	
}





/*---------------------------PAGINA DEL PRODUCTO--------------------------------------*/
#producto {margin-top:15px; margin-bottom:25px }
#producto .col1{width:100%;}
#producto .imagenpro{  width:100%; }



#producto .itemproducto_cover{
float: left;
margin-bottom:25px;
width:33.3%;	
}

#producto .itemproducto{	
    width:80%;	
	height:320px;
    padding: 15px;
    background: #FFF;
    border: 1px solid #E2E2E2;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.1);
   
	
}

#producto .itemproducto img {
	width: 100%;
}


#producto .itemproducto h3 {
	font-family:'lato';
    font-size:24px;
	font-weight:400;
    margin: 0px;
    padding: 15px 0px 5px 0px ;  
    text-align: left;
	letter-spacing:-0.7px;
    line-height:1em;	
}



#producto .itemproducto a .leermasp{
    display:block;
	font-family:NeutraText-BookSCAlt,Futura,"Century Gothic",AppleGothic,sans-serif;
	position:relative;	
	left:40%;
	text-align:left;
	padding: 5px 0px 5px 0px ; 
	color:#FFF;
	text-decoration:none;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
	
	}
#producto .itemproducto a:hover .leermasp{left:0; color:#630; }

/*---------------------------DETALLE DEL PRODUCTO--------------------------------------*/

#producto_detalle {margin-top:15px; margin-bottom:25px }
#producto_detalle .col1{width:100%;}
#producto_detalle .titulop{ float:right; width:50%;  }
#producto_detalle .imagenp{ float:left; width:50%; }
#producto_detalle .textop{ float:right; width:50%;}


/*---------------------------CARACTERISTICAS DEL PRODUCTO--------------------------------------*/
#box {
    width: 96%;
    margin: 10px auto;
    border: 1px solid #B9B9B9;
    overflow: hidden;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.1);
	background: url(../images/caja-borde.png) top 0px right repeat-x;
}



#box h3 {
    color: #605E61;
    padding: 15px 30px;
    margin: 0px;
    background: url(../images/caja-borde.png) top 0px right repeat-x;
    border-bottom: 1px solid #B9B9B9;
}

#box img {
    float:right;
	padding-right:15px;
    margin: 10px 0px 20px;
    color: #2F3232;
} 

#box p {    
	padding:10px;
    color: #2F3232;
} 

#box span {
   font-weight:bold;
}



/*---------------------------TAG-------------------------------------*/
#tag{}
#tag span{ display:inline-block;*display:inline; font-family:'lato'; font-size:20px; font-weight:400; color:#630;padding:7px 0px;}

#tag .boton{
	display:inline-block;*display:inline;
	padding:7px 20px;
	margin-bottom:10px;*margin-left:.3em;
	font-size:14px;
	line-height:20px;*line-height:20px;
	color:#333 !important;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid #dedede;*border:0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color:#eeeeee,#dedede,#dedede;
	        border-radius:4px;
	     -o-border-radius:4px;
	    -ms-border-radius:4px;
	   -moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #f5f5f5;
	background-image: linear-gradient(top, #f9f9f9, #efefef);
	background-image: -ms-linear-gradient(top, #f9f9f9, #efefef);
	background-image: -moz-linear-gradient(top, #f9f9f9, #efefef);  
	background-image: -webkit-linear-gradient(top, #f9f9f9, #efefef);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#efefef');
}
#tag .boton:hover, .boton:active{
	background:#eee;
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#f8f8f8));
	background:-moz-linear-gradient(top, #eee, #f8f8f8);
}



/*---------------------------ESTUDIOS DETALLE-------------------------------------*/
#estudios_detalle .col1{float: left; margin-bottom:25px; width:30%; }
#estudios_detalle .col2{float: left; margin-bottom:25px; width:70%;	}
#estudios_detalle .col3{float: left; margin-bottom:25px; width:50%;	}
#estudios_detalle .caja{width:95%;  }
#estudios_detalle img{margin-bottom:10px;  }




/*---------------------------BAURES-------------------------------------*/
#baures .col1{float: left; margin-bottom:25px; width:30%; }
#baures .col2{float: left; margin-bottom:25px; width:70%;	}
#baures .col3{float: left; margin-bottom:25px; width:50%;	}
#baures .caja{width:95%;  }
#baures img{margin-bottom:10px;  }


/*---------------------------COMPANIA-------------------------------------*/
#compania .col1{float: left; margin-bottom:25px; width:30%; }
#compania .col2{float: left; margin-bottom:25px; width:70%;	}
#compania .col3{float: left; margin-bottom:25px; margin-top:25px; width:50%;	} /*para mostrar fotos*/
#compania .col4{float: left; margin-bottom:25px; width:100%;}
#compania .col5{float: left; margin-bottom:25px;  margin-top:25px; width:33.3%;} /*para mostrar fotos*/
#compania .caja{width:95%;  }
#compania img{margin-bottom:10px;  }
.nota{
padding:20px;
margin:10px 25px 10px 25px;
background:#F8F4E6;
border:#FFF 1px solid;
font-size:35px; 
font-family:'chocolate_covered'; 
line-height:35px;color:#5B2917;
letter-spacing:-0.6px;

}
/*---------------------------HISTORIA-------------------------------------*/

#historia .col1{float: left; margin-bottom:25px; width:30%; }
#historia .col2{float: left; margin-bottom:25px; width:70%;	}
#historia .col3{float: left; margin-bottom:25px; width:50%;	}
#historia .caja{width:95%;  }
#compania img{margin-bottom:10px;  }


/*---------------------------RECETAS-------------------------------------*/

#recetas {margin-top:15px; margin-bottom:25px }
#recetas  .col1{width:100%;}
#recetas  .titulor{ float:right; width:50%;  }
#recetas  .imagenr{ float:left; width:45%; }
#recetas  .textor{ float:right; width:50%;}
#recetas  .preparacion{ float:right; width:100%;}
#recetas  .imagen{ width:100%; padding:10px}
#recetas ol {
    list-style: decimal outside none;
    padding: 0px 60px;
    margin: 10px 0px 20px;
    color: #2F3232;
}

/*---------------------------RECETAS DETALLE-------------------------------------*/

#recetas_detalle {margin-top:15px; margin-bottom:25px }
#recetas_detalle  .col1{width:100%;}
#recetas_detalle  .titulor{ float:right; width:40%;  }
#recetas_detalle  .imagenr{ float:left; width:60%; }
#recetas_detalle  .textor{ float:right; width:40%;}
#recetas_detalle  .preparacion{ float:left; width:60%;}

#recetas_detalle  .caja{ width:98%; }
#recetas_detalle ol {
    list-style: decimal outside none;
    padding: 0px 60px;
    margin: 10px 0px 20px;
    color: #2F3232;
}


/*---------------------------TITULOS CON CINTA--------------------------------------*/
#box-titulo {
	padding-top:20px;
} 
#box-titulo h2 {
    background:url(../images/h-sprite.png) repeat-x scroll 0px -600px #EABAA8;
    
}
#box-titulo h2{
    line-height: 20px;
    height: 10px;	
	font-size:50px;
    margin: 3px 0px 13px;
	position:relative;
}

#box-titulo h2 .subtitulo {
    background: none repeat scroll 0% 0% #FFF;
    padding-right:20px;
    display: block;    
	color: #5B2917;
    line-height: 36px;
    position: absolute;
    top: -3px;
	left:0px;
}


#box-titulo2 {
} 
#box-titulo2 h2 {
    background:url(../images/h-sprite.png) repeat-x scroll 0px -600px #F93;
    
}
#box-titulo2 h2{
    line-height: 20px;
    height: 10px;	
	font-size:50px;
    margin: 3px 0px 13px;
	position:relative;
}

#box-titulo2 h2 .subtitulo {
    background: none repeat scroll 0% 0% #FFF;
    padding:0px 20px 0px 0px;
    display: block;    
	color: #000;
    line-height: 36px;
    position: absolute;
    top: -3px;
	left:0px;
}





/*---------------------------CARRUSEL--------------------------------------*/

#owl-demo .itemreceta{
}
#owl-demo .itemreceta img{
display: block;
width: 100%;
height: auto;
border: 1px solid #CCC;
background-color: #FFF;
padding: 4px;
border-radius: 3px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}




.covermenu { border:0; position: absolute; top: 0px; left:0px; z-index:79; width:100%}


/* PC NAVIGATION ------------------------------------------------*/
.menu_web{
	float:right; width:797px;margin-top:41px;
}
nav {
/*	background: -webkit-gradient(linear, center top, center bottom, from(#612815), to(#4f1603));
	background-image: linear-gradient(rgba(19, 167, 216, 1), rgba(179, 224, 224, 1));*/
	background: #021A3E; /*color del azul de la franja superior */
/*	background: #FF0;*/
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	box-shadow: 0px 0px 4px 2px rgba(249, 252, 252, 0.4);
	padding: 0 6px;
	position: relative;
/*	display:block;*/
	display:inline-block;
	width:680px;	
    height:45px;
	float:left;
	margin-top:0px;
	
	/*top:43px;*/
}

.borde_menu_izquierdo{
	
	position: relative;
	display:inline-block;
/*	top:43px;*/
	float:left;
	
	width:52px;
	height:43px;
	background-image: url(../images/borde_menu_izquierdo.png);
  	background-repeat: no-repeat;
/*  background-position: 2em 1.5cm;*/
	background-position: 1px 0px;
/*  background-attachment: fixed;*/

	z-index:99;
}

.borde_menu_derecho{
	
	position: relative;
	display:inline-block;
/*	top:43px;*/
	float:left;
	
	width:52px;
	height:45px;
	background-image: url(../images/borde_menu_derecho.png);
  	background-repeat: no-repeat;
/*  background-position: 2em 1.5cm;*/
	background-position: -2px 0px;
/*  background-attachment: fixed;*/

}
.menu{
 margin-top:2px;	
}
.menu li {
	float: left;
	position: relative;		
}
.menu_web_primero{
	color: rgba(240, 241, 246, 1);
	display: block;
	font-size: 13px;
	line-height: 20px;
	padding: 6px 10px;
	margin: 6px 2px;
	vertical-align: middle;
	text-decoration: none;
	background: -webkit-gradient(linear, center top, center bottom, from(#773A23), to(#381408));
	background-image: linear-gradient(#1673AE, #103856);
	border-radius:  12px;
	opacity:1;
}
.menu li a {
	color: rgba(240, 241, 246, 1);
	display: block;
	font-size: 13px;
	line-height: 20px;
	padding: 6px 10px;
	margin: 6px 2px;
	vertical-align: middle;
	text-decoration: none;
	background: -webkit-gradient(linear, center top, center bottom, from(#773A23), to(#381408));
	background-image: linear-gradient(#1673AE, #103856);
	border-radius:  12px;
	opacity:1;
}

.menu li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	color: #222;
}

/* Dropdown styles */

.menu ul {
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 1s ease;
	margin-top:-1px;
}

.menu ul li {
	float: none;
}

.menu ul a {
	white-space: nowrap;
}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {
	background: #021A3E;
	border-radius: 0 0 6px 6px;
	left: 5px;
	opacity: 1;
}

/*selecciona la lista de tercer nivel*/
.menu ul li:hover ul{
	background: #006699;
}

/* Persistant Hover State */
.menu li:hover a {
	background: -webkit-gradient(linear, center top, center bottom, from(#021A3E), to(#021A3E));
	background-image: linear-gradient(#021A3E, #021A3E);
	border-radius: 12px;
	color: #FFF;
}

.menu li:hover ul a {
	background: none;
	border-radius: 0;
	box-shadow: none;
	padding:  3px;
}

.menu li:hover ul li a:hover {
	background: rgba(137, 192, 222, 1);
	padding:  3px;


}




/* REDES SOCIALES ------------------------------------------------*/

#iconFacebook,#iconTwitter,#iconYoutube,#iconPintirest,#iconGmas,#iconLinkedline{
	
	float:left;
	text-align:center;			
	margin:0px auto auto 10px;	
	
	background:url(../images/social-icons.jpg);
	background-repeat: no-repeat;
	height:37px;
	width:37px;
	
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
		

}
#iconFacebook{
	background-position: 0px 0px;	
	margin-top:0px;
}
#iconFacebook:hover{
	/*background-position: -40px -29px;*/
	
	-moz-transform: scale(1.1) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
	
	-webkit-transition: transform 0.7s ease;
	-moz-transition: transform 0.7s ease;
	-ms-transition: transform 0.7s ease;
	-o-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}
#iconTwitter{
	background-position: -37px 0px;	
}
#iconTwitter:hover{
	/*background-position: -80px -29px;*/

	-moz-transform: scale(1.1) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
	
	-webkit-transition: transform 0.7s ease;
	-moz-transition: transform 0.7s ease;
	-ms-transition: transform 0.7s ease;
	-o-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}
#iconYoutube{
	background-position: -116px 0px;
}
#iconYoutube:hover{
	/*background-position: -360px -29px;*/

	-moz-transform: scale(1.1) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
	
	-webkit-transition: transform 0.7s ease;
	-moz-transition: transform 0.7s ease;
	-ms-transition: transform 0.7s ease;
	-o-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}

#iconPintirest{
	background-position: 0px -75px;
}
#iconPintirest:hover{
	/*background-position: -280px -80px;*/

	-moz-transform: scale(1.1) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
	
	-webkit-transition: transform 0.7s ease;
	-moz-transition: transform 0.7s ease;
	-ms-transition: transform 0.7s ease;
	-o-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}

#iconLinkedline{
	background-position: -37px -37px;
}
#iconLinkedline:hover{
	/*background-position: -280px -80px;*/

	-moz-transform: scale(1.1) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
	
	-webkit-transition: transform 0.7s ease;
	-moz-transition: transform 0.7s ease;
	-ms-transition: transform 0.7s ease;
	-o-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}


#iconGmas{
	background-position: -120px -189px;
}
#iconGmas:hover{
	background-position: -120px -29px;

	-moz-transform: scale(1.1) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
	
	-webkit-transition: transform 0.7s ease;
	-moz-transition: transform 0.7s ease;
	-ms-transition: transform 0.7s ease;
	-o-transition: transform 0.7s ease;
	transition: transform 0.7s ease;
}



/* ---- Tabs ---- */
.tab-container{ position: relative; display: block; height:280px; width: 100%; padding:5px 0;  }
.tab-container .tab-radio{ display: none;}
.tab-container .tab{
	display: block;
	float: left;
	position: relative;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #cfd2d7;
	border-bottom: none;
	color: #FFF;
	margin-top: -5px;
	margin-right: 1.0%;
	padding: 2px 15px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	background-color: #55ACEE;
	font: 14px/25px "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
.tab-container .tab-radio:checked ~ .tab, .tab-container .tab-radio:active ~ .tab{background-color: #5574C9; z-index: 100; border-bottom: 1px solid #fff;}
.tab-container .tab-radio:checked ~ .tab {background-color:#5574C9; color:#FFF;}
.tab-container .tab-page
{
	visibility: hidden;
	height:auto;
	width:90%;
	font: 14px/25px "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	background-color: #fff;
	color: #888;
	display:block;
	position: absolute;
	top: 22px;
	float: left;
	padding: 10px;
	border: 1px solid #cfd2d7;
	   border-top-right-radius: 5px;
	 border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	        box-shadow: 0 1px 3px rgba(0,0,0,.3);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.tab-container .tab-radio:checked ~ .tab-page { visibility: visible; display: block; height: auto}


/*----------------REDES SOCIALES----------*/
		.share-icon {
		display: inline-block;
		float: left;
		margin: 4px;
		width: 32px;
		height: 32px;
		cursor: pointer;
		vertical-align: middle;
		background-image: url(../images/share/share-icons.png);
		
		}
		
		.share-facebook {
		background-position: 0px 0px;
		}
		
		.share-facebook:hover {
		background-position: 0px -40px;
		}
		
		.share-twitter {
		background-position: -40px 0px;
		}
		
		.share-twitter:hover {
		background-position: -40px -40px;
		}
		
		.share-pinterest {
		background-position: -80px 0px;
		}
		
		.share-pinterest:hover {
		background-position: -80px -40px;
		}
		
		.share-youtube {
		background-position: -200px 0px;
		}
		
		.share-youtube:hover {
		background-position: -200px -40px;
		}
		
		.share-linkedin {
		background-position: -240px 0px;
		}
		
		.share-linkedin:hover {
		background-position: -240px -40px;
		}
		
		
		.share-googleplus {
		background-position: -120px 0px;
		}
		
		.share-googleplus:hover {
		background-position: -120px -40px;
		}
		
		
		.share-stumbleupon {
		background-position: -360px 0px;
		}
		
		.share-stumbleupon:hover {
		background-position: -360px -40px;
		
		}
		
		.share-email {
		background-position: -320px 0px;
		}
		
		.share-email:hover {
		background-position: -320px -40px;
		}
/*-----------------MAPA----------------------*/
.btn {
  display: inline-block;
  padding: 0.5em 1em;
  background: #808080;
  color: #fff;
  margin: 1em;
  &:hover, &:focus {
     color: #630;
     background: #333;
  }
}
.static-img {
  display: block; 
}

iframe {
   max-width: 100%; 
}


/* Nuevos Estilos*/
.menu-flotante{
	z-index:99;
	width:30px;
	
	background: url(../images/barra-flotante.png) no-repeat;	
	position:fixed;
	right:0px;
	top:150px;
	width:63px;
	height:351px;

}

.menu-flotante .cajaitems {
margin-right:102px;
}
.menu-flotante .item{
	-webkit-border-radius: 360px;
	border-radius: 360px;
	width:20x;
	height:30px;
	margin:4px auto;
}
/*-- ToolTip --*/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:160px;
  left:-153px;
  color: #FFFFFF;
  font-weight:500;
  background: #572204;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 8px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #572204;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  right: 100%;
  top: 50%;
  margin-top: -15px;
  margin-right: 15px;
  z-index: 999;
}
/*-----*/
/*boton Scroll para ir arriba en la pagina web*/
.scrollup{
	z-index:99;
    width:40px;
    height:40px;
    opacity:0.7;
    position:fixed;
    bottom:30px;
    right:6px;
    display:none;
    text-indent:-9999px;
    background: url(../images/icon_top.png) no-repeat;
}

/*------------------- Barra de chocolate -------------------------*/
.barra-chocolate {
    position: fixed;
    right: -100px;
    top: 40px;
    z-index: 99;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.barra-chocolate:hover{
	right:-45px;
	
/*	box-shadow:rgba(0,0,0,1) 0px 0px 10px -5px;*/
}




/* From http://codepen.io/chriscoyier/full/kycDp */
.map-container {
  width: 100%;
  margin: 0 auto;
  height: 0;
  position: relative;
  display: none; /* Hide for small screens */
  iframe {
    width: 100%;
    height: 100%; /* had to specify height/width */
    position: absolute;
    top: 0; 
    right: 0;
    left: 0; 
    bottom: 0;   
  }
}

/* Medium Screens */
@media all and (min-width: 45em) {
  .map-container {
    display: block;
  } 
  .static-img {
    display: none; 
  }
}

/*------------------FIN MAPA--------------------*/





/*---------------------MENU MOVIL-------------------------*/

.boton-menu{
	float:left;
	margin-right:25px;
	padding-top:25px;
	padding-left:10px;
	vertical-align:central;
	display:none;
}
.boton-menu div{
	width:35px;
	height:8px; 
	-webkit-border-radius: 100px;
	border-radius: 100px;
	background-color:rgba(255,255,255,1);
	display:block;
	margin: 2px 0;
}


.titulo-menu{
	margin:15px auto;
	text-align:center;
	
	color:#FFF;
	font-size:24px;
	font-weight:bold;
}

.menu_movil{
	background: none repeat scroll 0% 0% #333;
}

.menu_movil ul li{
border-top: 1px solid #4D4D4D;
border-bottom: 1px solid #1A1A1A;
}

.menu_movil ul li:hover{
	box-shadow: 0px 0px 15px 3px #222 inset;
}

a{text-decoration:none;	}

.menu_movil .titulo-principal{
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
	width:100%;
}

.menu_movil .titulo-secundario{
	padding-top:13px;
	padding-left:28px;
	padding-bottom:13px;
	width:100%;
}

.menu_movil .titulo-tercero{
	padding-top:13px;
	padding-left:45px;
	padding-bottom:13px;
	width:100%;
	
	
}

.menu_movil a .titulo-principal span {
	margin-top:6px;
	margin-right:4px;
	width:10px;
	height:10px;
	background-color:#FFF;
	-webkit-border-radius: 360px;
	border-radius: 360px;
	float:left;
}

.menu_movil a .titulo-principal {
	text-decoration:none;	
	
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
	
}

.menu_movil a .titulo-secundario{
	text-decoration:none;
	
	color:#eee;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;	
}

.menu_movil a .titulo-tercero{
	text-decoration:none;
	
	color:#eee;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
}







/*---------------------------------------------------------*/

@media screen and (max-width: 1275px) {
.theme-default .nivoSlider {
	height:200px;		
}
.nivoSlider {
	height:200px;
}	
.caja_logo_menu{
width:790px;margin:auto;border:#0F0 solid 1px;
}
#logo{
	display:none;	
}
.menu_web{margin-top:80px;margin-left:auto;margin-right:auto;text-align:center}
.logo_rse_top{
	display:inline-block;	
}
.menu_top { display:none;}
.fondo_menutop {padding-bottom:5px;}

}



/* Media para Tableta */
@media screen and (max-width: 1025px) {
.main {margin:0 auto;width:95%; }
/*.menu_top {
padding-top:0px;
list-style:none;	
margin:0px;	
padding-left:0px;
height:42px;
width:500px;
float:left;
}*/
/*
.menu_social {

padding-top:3px;
list-style:none;	
margin:0px;	
padding-left:5px;
height:0px;
width:300px;
float:right;

}*/

/*#logo { position:relative; left:0px; top:-12px;  z-index:2; width:20%; }*/
}




/* Media para Tableta */
@media screen and (max-width: 980px) {
	

#contenidosinlistashome { position:relative; z-index:4;  margin-top:170px; background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); margin-bottom:35px;   }

/*---------------------------PAGINAS INTERNAS--------------------------------------*/
#paginasinternas .col1{width:100%;}
#paginasinternas .col2{width:100%;}
#paginasinternas .col3{width:100%;}
#paginasinternas .cajasubmenu{float:none; width:90%; margin:0 auto; padding-bottom:25px;}
#paginasinternas .cajafoto{ width:90%;  margin:0 auto;}
#paginasinternas .cajaestandares{ width:90%;  margin:0 auto;}



/*---------------------------CONTACTO DIANA--------------------------------------*/
#ct_personas div {font:12px  Arial, Helvetica, sans-serif; color:#1B4377; font-weight:normal; padding:2px 0px 10px 9px; margin:0; text-align:left;}
#ct_personas .titulo{ padding-top:10px; text-align:left; padding-left:9px; font-size:23px; color:#53A940;  font-weight:bold }
.contactarse {text-decoration:none; color:#FFF; background:#390; padding:7px; margin-left:10px; 
box-shadow: #999 2px 1px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #F3F3F3 1PX solid;}

/*---------------------------BANERS--------------------------------------*/
a.caja_asistencia1p { padding:20px 0px 30px 0px;}
a.caja_asistencia2p { padding:20px 0px 30px 0px;}
a.caja_asistencia3p {padding:20px 0px 30px 0px;}
.bloquetexto{text-align:left; width:100%; padding-top:15px; padding-left:100px;}

/*---------------------------FOOTER--------------------------------------*/

footer .col1{float:left; width:33%; }
footer .col2{width:100%;  }



#paginainicio .col1{width:50%;}
#paginainicio .col2{width:50%;}
#paginainicio .col3{width:100%;}

.home-gallery li{ 
  
	display: block;
	float: left;
	margin-right:50px;
	margin-bottom: 10px;
	width: 97%;
}

.bloquetextohome{text-align:left; width:100%; padding-left:100px;}



.boton-menu{display:inline-block}

.menu_web{ display:none;}

/*
#logo{
	display:none;
}*/


/*
.menu_social {

padding-top:3px;
list-style:none;	
margin:0px;	
padding-left:5px;
height:0px;
width:300px;
float:right;

}*/


}

@media screen and (max-width: 750px) {
	.caja_0{
			
	}
	.boton-menu{
		
	}
	.logo_rse_top{
		
	}
	
	.caja_1{

	
	}
	
	#search{
	display:none;	
	}
}

/* Media para Tableta peque�a */
@media screen and (max-width: 650px) {
	



#paginainicio .col1{width:100%;}
#paginainicio .col2{width:100%;}


.home-gallery li{ 
	display: block;
	float: left;
	margin-right:12px;
	margin-bottom: 10px;
	width: 95%;
}

}
@media screen and (max-width: 570px) {
	.caja_1{
	display:inline-block;
	width: 170px;
	/*border:#F00 solid 1px;*/
	
	}
}
/* Media para Celulares */
@media screen and (max-width: 480px) {
	


/*---------------------------CONTACTO DIANA--------------------------------------*/
#ct_personas div {font:11px  Arial, Helvetica, sans-serif; color:#1B4377; font-weight:normal; padding:2px 0px 10px 9px; margin:0; text-align:left;}
#ct_personas .titulo{ padding-top:10px; text-align:left; padding-left:9px; font-size:18px; color:#53A940;  font-weight:bold }
.contactarse {text-decoration:none; color:#FFF; background:#390; padding:7px; margin-left:10px; 
box-shadow: #999 2px 1px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #F3F3F3 1PX solid;}

/*---------------------------BANERS--------------------------------------*/
a.caja_asistencia1p { padding:20px 0px 30px 0px;}
a.caja_asistencia2p { padding:20px 0px 30px 0px;}
a.caja_asistencia3p {padding:20px 0px 30px 0px;}
.bloquetexto{text-align:left; width:150px; padding-top:15px; padding-left:100px;}

	
/*---------------------------FOOTER--------------------------------------*/
footer .col1{float:left; width:100%; margin-left:30px }
footer .col2{width:100%;  }

#paginasinternas .col3{width:50%;}
#paginasinternas .fotoaplicacion{width:70%; max-width:500px; text-align:center; margin:14px 5px 14px -5px}

.bloquetextohome{text-align:left; width:170px; padding-left:100px;}
/*#search {width:150px;height:26px;float:left;margin-top:5px; }
#search .submit {display:none}
#search .input {display:none}*/


}


/* Media para Celulares */
@media screen and (max-width: 320px) {
	
.bloquetextohome{text-align:left; width:170px; padding-left:100px;}


#contenido{margin-top:215px; background:#FFF;}


/*#logo{display:block;background:url(../images/logo.png) 0 0 no-repeat;width:200px;height:94px;text-indent:-9999px; margin-top:5px; margin-left:50px; }	*/




}