html{
margin:0px;
padding:0px;
}

body{
	margin:0px;
	padding:0px;
	text-align:center;
	background-image:url(images/bg.jpg);
	background-position:center top;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
img{display:block;}

.contenedor{
	width:940px;
	height:auto;
	margin:auto;
	padding: 55px 0px 55px 0px;
}
.logo{
	height:113px;
	width: 406px;
	margin: 0px 0px 26px 21px;
	text-align:left;
	float: left;
}

.postales-top {
    float: right;
    height: 139px;
    margin: 0 21px 0px 0px;
    text-align: right;
    font-family: 'Montserrat', Verdana, sans-serif;
    font-size: 14px;
    line-height: 19px;
    display: table;
    color: #57585a;
    font-weight: 400;
    text-shadow: 0 2px 2px rgba(255,255,255,0.75);
}

.postales-top small {
	font-size: 12px;
}

.postales-top a:link, .postales-top a:visited, .postales-top a:active {
	color: #57585a; 
	text-decoration: none;
}

.postales-top a:hover, .postales-top a:focus {
	text-decoration: underline;
}

span.vertical-align {
    vertical-align: middle;
    display: table-cell;
}

.botonera {
	width:860px;
	height:60px;
	padding:0px 40px 0 40px;
	background-image: url(images/botonera_bg.png);
}

#botones{
	width:160px;
	height:60px;
	padding: 0px;
	float:left;
}

h1.home {
    color: #b2ca04;
}

.cuerpo {
	width:814px;
	height:auto;
	padding:10px 51px 20px 75px;
	margin:0px;
	background-image:url(images/cuerpo_bg.png);
	background-repeat:repeat-y;
	text-align:left;
}

.logos_clientes{
	text-align:center;
}

.logos_clientes img {
	float: left;
	margin-right: 40px;
	height: auto;
	margin-bottom: 20px;
	border: #FFF 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.logos_clientes img:hover {
	border: #CCC 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#wowslider-container1 {
	margin-bottom: 20px;
}

#quienes td {
	background-color: #FFF;
	text-align: center;
	vertical-align: top;
	padding-top:10px;
	border-bottom: #EFEFEF 1px solid;
}
#quienes tr td img {
	text-align: left;
	float:left;
	margin: 0 20px 10px 0;
	display: inline;
}


#quienes td:hover {
	background-color: #F5F5F5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a#perfil-in:link, a#perfil-in:visited, a#perfil-in:active {
    background-color: #0073b1;
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Montserrat', Verdana, sans-serif;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 10px;
    padding: 5px;
    border-radius: 3px;
}

a#perfil-in:hover, a#perfil-in:focus {
	background-color: #004b7c;
}

a#perfil-in i {
    font-size: 15px;
    margin-right: 4px;
    vertical-align: bottom;
}


.cuadrocolores {
	width: 100%;
	height: 27px;
	margin-bottom: 25px;
	text-align: right;
}

.pie_cuerpo img {
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 940px;
}
.foot {
	background-color: #616060;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
	text-align:center;
	position: relative;
	bottom: 0px;
	margin-bottom:0px;
}
.texto_foot{
	width:840px;
	padding:0 50px;
	margin:auto;
	text-align:left;
	font-family: 'Dosis', sans-serif;	
	color:#c6c5c5;
	font-size:17px;
	font-weight:200;
	font-style:normal;	
}

/* LISTADO DE PROGRAMAS */
	#list_programas ul{ list-style:none; margin:0px; padding:0px}
	#list_programas ul li{margin:0px; padding:0px;height: 40px;	width: 250px;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C30;}
	#list_programas ul li a{
	color: #E66248;
	height: 28px;
	width: 250px;
	font-family: 'Dosis', sans-serif;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C30;
	padding-top: 12px;
	text-align: left;
	padding-bottom:0px;
	padding-left: 8px;
	background:url(images/flecha_off.jpg) right center no-repeat;
	background-color:#FFF;
	text-decoration:none;
	margin:0px;
}

	#list_programas ul li a:hover, #list_programas ul li a:active{
	color: #FFF;
	background:url(images/flecha_on.jpg) right center no-repeat;
	background-color:#e86249;	
}

/* CSS BOTONERA */

	ul {list-style:none;margin:0;padding:0;}
	li {float:left;width:172px; height:54px;margin:0;padding:25 0px 6 0px;text-align:center;}
	li a {display:block; padding:23px 0 0px 0;height:37px;}
	li a {background: font-size:14px;}
	li a:hover, li a:focus, li a:active {background-position: 0 -50px; font-size:17px;}
	
	#boton_filosofia {background:url(images/btnFilosofia_bg.png) repeat 0 0; width:172px; height:44px; padding: 0 0 10px 0; float:left; }
	#boton_filosofia:hover, #boton_filosofia a:focus, #boton_filosofia a:active{background:url(images/btnFilosofia_bg.png) repeat 0 -65px;}

	#boton_quienes {background:url(images/btnQuienes_bg.png) repeat 0 0; width:172px; height:44px; padding: 0 0 10px 0; float:left; }
	#boton_quienes:hover, #boton_quienes a:focus, #boton_quienes a:active{background:url(images/btnQuienes_bg.png) repeat 0 -65px;}
	
	#boton_programas {background:url(images/btnProgramas_bg.png) repeat 0 0; width:172px; height:44px; padding: 0 0 10px 0; float:left; }
	#boton_programas:hover, #boton_programas a:focus, #boton_programas li a:active{background:url(images/btnProgramas_bg.png) repeat 0 -65px;}
	
	#boton_clientes {background:url(images/btnClientes_bg.png) repeat 0 0; width:172px; height:44px; padding: 0 0 10px 0; float:left; }
	#boton_clientes:hover, #boton_clientes a:focus, #boton_clientes li a:active{background:url(images/btnClientes_bg.png) repeat 0 -65px;}
	
	#boton_contacto {background:url(images/btnContacto_bg.png) repeat 0 0; width:172px; height:44px; padding: 0 0 10px 0; float:left; }
	#boton_contacto:hover, #boton_contacto a:focus, #boton_contacto a:active{background:url(images/btnContacto_bg.png) repeat 0 -65px;}

/* SLIDE PROGRAMAS */

/* override the root element to enable scrolling */
.css-panes {
	height: 460px;
	width: 493px;
	position:relative;
	overflow:hidden;
	clear:both;
	background-color: transparent;
	}

/* override single pane */
	.css-panes div {
	float:left;
	display:block;
	width:493px;
	font-size:14px;
	background-color: transparent;
	height: 410px;
	padding-right: 10px;
	}

	/* our additional wrapper element for the items */
.css-panes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
        border:0;
}

.css-panes .less, .css-panes .less a {
	color:#999 !important;
	font-size:11px;
}
    
.css-panes .items div {
}

.css-panes .items div div {
        border: 0 !important;
}

.css-panes .items div img {
	float: left;
}

.css-panes .items div a img {
	padding: 3px;
	border: 1px solid #F30;
	clear: none;
	margin-right: 12px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.css-panes .items div a img:hover {
	border: 1px solid #CCC;

}

.tabla_contacto td {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: normal;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	padding: 5px 0;
}

.tabla_contacto td br {
    margin-bottom: 5px;
    display: block;
    content: '';
}

.continput, .tabla_contacto textarea  {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	border: #61C4DB solid 1px;
	width: 280px;
	padding: 5px 8px;
}

.continput:focus, .tabla_contacto textarea:focus  {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #666;
	border: #61C4DB solid 1px;
	width: 280px;
	background-color:#E9E9E9;
}

.btnenviar {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	background-color: #61C4DB;
	padding: 8px 25px;
	margin: 0px;
	font-size: 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	border: #0BB 1px solid;
	color: #FFFFFF;
	cursor:pointer;
	text-transform: uppercase;
}

.btnenviar:hover {
	background-color: #0BB;
	padding: 8px 25px;
	margin: 0px;
	font-size: 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	border: #0BB 1px solid;
	color: #FFFFFF;
	cursor:pointer;
}
/* QUIENES SOMOS*/
#caja, #caja02, #caja03, #caja04, #caja05 {
	width:774px;
	display: none;
	padding: 5px 20px;
	border-bottom:2px solid #FADDA9;
	background-color:#FDF4E1;
}
#mostrar, #mostrar02, #mostrar03, #mostrar04, #mostrar05 {
    display: block;
    width: 804px;
    padding: 5px;
    background-color: #FFF;
    border-bottom: #E2E2E2 1px solid;
    cursor: pointer;
    vertical-align: middle;
    font-family: 'Dosis', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #595a5a;
}

#mostrar:hover, #mostrar02:hover, #mostrar03:hover, #mostrar04:hover, #mostrar05:hover{
	background-color:#E4E4E4;
}

.chat {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 100;
}

.chat__bubble--whatsapp {
    background-color: #4caf50;
    font-size: 2rem;
}

.chat__bubble--whatsapp:hover {
	background-color: #39883c
}

.chat__bubble {
    width: 65px;
    height: 65px;
    border-radius: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}

.chat__icon {
    color: #fff;    
}

.chat a {
	text-decoration: none;
}

.contact-data a:link, .contact-data a:visited, .contact-data a:active {
	color: #c6c5c5;
	text-decoration: none;
}

.contact-data a:hover, .contact-data a:focus {
	color: #e7e7e7;
}