/* 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}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.wrap{overflow:hidden;width:965px;margin-left:-5px;padding-left:5px}
/* Global properties */
body {
	background: url(../imagenes/bg_bot.jpg) center 0 repeat #faf3ed;
	border: 0;
	color: #200;
	line-height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {
	margin: 0 auto;
	width: 960px
}
.body1 {
	background: url(../imagenes/bg_top_img.jpg) top center repeat
}
.body2 {
	background: #ebebeb
} 
.body3 {background:url(../imagenes/bg_bot.jpg) top center repeat}
.body4 {background:url(../imagenes/bg_bot_img.jpg) top center repeat}
.body5 {background:url(../images/slider_shadow.png) center 508px no-repeat}
.body6 {background:url(../imagenes/bg_top.jpg) top repeat}
/* main layout */
a {color:#a80002;text-decoration:none;outline:none}
a:hover {text-decoration:underline}
h1 {
	float: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
h2 {
	font-size: 26px;
	line-height: 1.2em;
	color: #200000;
	padding: 16px 0 12px 0;
	letter-spacing: -2px
}
h2.letter_spacing {letter-spacing:-3px}
h3 {font-size:27px;color:#230000;line-height:1.2em;padding:20px 0 9px 0;letter-spacing:-1px}
h3 span {color:#a80002}
p {padding-bottom:24px}
/* header */

header {height:140px;padding-top:8px;width:100%;overflow:hidden}
#logo {
	display: block;
	background: url(../imagenes/logo.png) 0 0 no-repeat;
	width: 290px;
	height: 98px;
	text-indent: -9999px
}

#logo_gris {
	display: block;
	background: url(../imagenes/2019/logo_tlx.png) 0 0 no-repeat;
	/*background: url(../imagenes/2021/veda.png) 0 0 no-repeat;*/
	width: 690px;
	height: 98px;
	text-indent: -9999px
}

/*Logo Temporal Veda*/

/*#logo_veda {
	display: block;
	background: url(../imagenes/2021/veda.png) 0 0 no-repeat;
	width: 690px;
	height: 98px;
	text-indent: -9999px
}*/




#logo_luto {
	display: block;
	background: url(../imagenes/2020/prueba_logo_negro.png) 0 0 no-repeat;
	width: 690px;
	height: 98px;
	text-indent: -9999px;
	padding-top: 15px;
}
#top_nav {float:right;padding:4px 43px 30px 0}
#top_nav li {
	float: left;
	padding: 3px 26px 5px 0;
	background: url(../imagenes/top_line.gif) right 0 no-repeat;
	margin-right: 25px
}
#top_nav li a {display:block;line-height:0}
#top_nav .end {background:none;padding-right:0;margin-right:0}
/*---------- Principia Estilos Nav Principal -------------*/
#menu {
	width: 100%;
	float: right;
	padding:0 0 0 20%;
	z-index:99999;
}
#menu ul, ol{
	list-style:none;
}
#menu li a{
	font-size: 18px;
	color: #000000;
	line-height: 10px;
	height: 30px;
	letter-spacing: -1px;
	padding:3px 15px;
	position: relative;
	z-index: 3;
	display:block;
	
	background-color: #ebebeb;
}
#menu li a:hover{
	background-color:#B1B1B1;
}
#menu > li{
	float:left;
	
}
#menu li ul{
	display:none;
	position:absolute;
	min-width:150px;
	background-color:#ffffff;
}
#menu li:hover > ul{
	display:block;
}
#menu li ul li{
	position:relative;
	
}
#menu li ul li ul{
	right:-150px;
	top:0px;

}

#menu li ul li ul a{
    width: 100%;
    padding-left: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    
}
/*---------- Finaliza Estilos Nav Principal -------------*/
.slider_bg {
	width: 100%;
	height: 404px;
	background: url(../imagenes/bg_slider.jpg) 0 0 no-repeat;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
	margin-bottom: 35px
}
.slider {top:10px;right:10px;position:absolute;z-index:1;width:920px}
.slider .items {display:none}
.slider .pic {float:right;position:relative}
.banner {
	left: 0px;
	top: 0px;
	position: absolute;
	width: 270px;
	z-index: 6;
	
}
.banner strong {
	font-size: 27px;
	color: #bf0f0a;
	display: block;
	line-height: 1.2em;
	text-transform: none;
	padding: 20px 0 0 0;
	letter-spacing: -2px
}
.banner strong span {display:block;margin-top:-16px}
.banner b {display:block;font-size:35px;color:#312826;text-transform:uppercase;padding:0 0 23px 0;line-height:1.2em;letter-spacing:-1px}
.banner p span {
	display: block;
	padding: 0 0 0 0;
	color: #333333;
	padding-bottom: 3px
}
.slider .pagination {position:absolute;z-index:2;bottom:10px;left:107px}
.slider .pagination li {float:left;padding-right:3px}
.slider .pagination a {display:block;width:17px;height:17px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider .pagination a:hover, .slider .pagination .current a {background-position:left}
/*banners */



/*  content */
#content {padding-bottom:40px; z-index:-99999;}

#content2 {padding-bottom:31px}
.pad_left1 {padding-left:30px}
.pad_left2 {
	padding-left: 50px
}
.pad_bot1 {
	padding-bottom: 13px;
}
.pad_bot2 {padding-bottom:24px}
.marg_right1 {margin-right:20px}
.box {
	background: url(../imagenes/box_bg.png) repeat;
	color: #663333;
	box-shadow: 0 0 5px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}
.box > div {background:url(../images/box_top.png) 0 top no-repeat;padding:30px;padding-top:0;overflow:hidden}
.box h2 {
	color: #a80002;
	padding: 15px 0 11px 0
}
.box h2 span {
	color: #663333
}
.box figure {padding-bottom:13px}
.list1 li a {font-style:italic;padding-left:12px;background:url(../images/marker_1.gif) 1px 8px no-repeat;color:#faf3ed}
.list_1 {color:#fff}
.list_1:hover {text-decoration:none}
.button1 {
	display: inline-block;
	font-size: 15px;
	color: #faf3ed;
	line-height: 34px;
	padding: 0 15px;
	background: #a80002;
	letter-spacing: -1px
}
.button1:hover {text-decoration:none;color:#1e0000;background:#faf3ed}

.button1-1 {
	display: inline-block;
	font-size: 11px;
	color: #faf3ed;
	line-height: 34px;
	padding: 0 10px;
	background: #a80002;
	letter-spacing: -1px
}

.button1-1:hover {text-decoration:none;color:#1e0000;background:#faf3ed}
.testimonials li span {float:left;width:40px;height:40px;font-size:30px;color:#faf3ed;line-height:34px;text-align:center;background:#a80002;margin-right:20px}
.testimonials li p {float:left;width:180px;padding-bottom:15px}
.testimonials li img {padding-top:2px}
.line1 {background:url(../images/line_vert1.gif) 285px 0 repeat-y}
.line2 {background:url(../images/line_vert1.gif) 615px 0 repeat-y}

.address {padding-bottom:0}
.address span {float:left;width:84px}
/* footer */
.container{
    display: flex;
    flex-direction: row;
    width:100%;
    background-color: #E3E1E2;
    

}
.logo-footer{
    width:30%;

}

.datos-direccion{
    width: 40%;

}

.redes-sociales {
    width: 30%;
  display: flex;
   flex-direction: row;
   justify-content:space-around;
 /*border: solid 1px blue;*/
}  

.redes-sociales a{
    /*width:30%;*/
  display: flex;
   flex-direction:column;
 justify-content: center;

}

.redes-sociales h2{
    margin-top: 35px;
    display: block;
}

.logo-footer{
   display: flex;
   flex-direction:row;
   justify-content:center;
   align-items: center;
  
}



.logo-footer img {
    
     
     max-width: 80%;
     max-height: 70%;
}

.logo-veda img {
    
     
     max-width: 80%;
     max-height: 70%;
      display:block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;

}

.datos-direccion a{
    display:block;
    text-align: center;
    text-decoration: none;
    color:black;
    font-size: .8rem;
    
}

.datos-direccion a:first-child{
    padding-top:10%;
}


/* Termina footer*/
#icons {padding:5px 0 0 0}
#icons li {float:left;padding-right:9px}
/* Tooltips */
.aToolTip {background:#a80002;color:#fff;	margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;	margin:0;padding:0}
/* forms */
#ContactForm {margin-top:-5px;width:910px}
#ContactForm span {float:left;width:111px;line-height:20px}
#ContactForm .wrapper {min-height:24px}
#ContactForm .textarea_box {min-height:170px;width:100%;overflow:hidden;padding-bottom:9px}
#ContactForm a {margin-left:20px;float:right}
#ContactForm .input {width:399px;height:18px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0;float:left}
#ContactForm textarea {overflow:auto;width:789px;height:163px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0}


/*********************************************************************************************
	Section Programa Anual de evaluacion
*********************************************************************************************/


.programaanual div:first-child{
	padding:15px 0;
	width:50%;
	display:inline-block;
	float:left;
}
.programaanual div:nth-child(2){
	padding:15px 0;
	width:40%;
	display:inline-block;
	float:right;
}

.programaanual img{
	width:20px;
	margin:0 0 0 0;
	vertical-align:bottom;
}


.pos{
	/*border: 2px solid rgb(207, 17, 17);*/
	position: absolute;
	
	left: 10px;
}

.redes{
	
	position: absolute;
	right: 20px;
	

}

#iconos{

	
	display: flex;
	
}

#iconos li{
	display:block;
	padding: 5px;
}

.info{
	
	margin-left: 5px;
	position: absolute;
	right: 400px;
	padding-top: 45px;
	text-align: center;


}