@import url("//fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900");
@charset "utf-8";

h1,h2,h3,h4,p{ padding:0; margin:0; }
div,ul,li,h1,h2,h3,h4,h6,form,textarea,p,td{margin:0;padding:0; }
h5{text-align:center;}

body{margin:0px;padding:0px;list-style:none;color: #333;/* font-family:'Maven Pro',sans-serif; */font-size: 13px;
	background:#F6F6F6 url(/cdn/fondo.png) repeat;

	font-family: 'Maven Pro';font-weight: normal;font-family: "Open Sans", sans-serif;}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a{text-decoration:none;color: #000;}
h1,h2,h3{margin:0px;}

.th{background: #f6f6f6;padding:8px 15px;font-size:13px;font-weight:500;border-radius:3px;/* text-shadow:0px 1px 0px #000; *//* box-shadow:0px 1px 0px #000; */border: 1px solid #aaccee;/* font-weight: bold; */font-family: 'Maven Pro';font-size: 15px;}
.th i{margin-right:3px;}

header{background: #580270;margin-bottom: 10px;box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,.3);}
header section{margin:0px auto;max-width:950px;font-size:0px;padding:10px 0px;}
header section > *{display:inline-block;vertical-align:top;}
header section > a{color:#fff;padding:0px 20px;}
header section > a > *{display:block;}
header section > a b{font-size:24px;text-transform:uppercase;line-height:24px;color: #fff;font-weight:700;}
header section > a span{font-size:12px;line-height:16px;font-weight:500;}
header section form{width:50%;border-radius:3px;position:relative;margin:0px 20px;}
header section form input{width:calc(100% - 80px);border:0px;background: #fff;color:#666;line-height:40px;padding:0px 20px;font-size:14px;border-radius: 2px;}
header section form input[type=submit]{width:80px;background: #1C262F;color:#fff;padding:0px;cursor:pointer;font-weight:500;border-radius: 2px;}


main{
    margin:0px auto;
    max-width:950px;
    padding-top:20px;
    font-size:0px;
    border-radius: 5px 5px 0px 0px;
    background: #fff;
    padding: 5px 5px;
    }
main > *{display:inline-block;vertical-align:top;font-size:12px;}
main section{width:calc(100% - 350px);padding-right:20px;}
main section p{margin:10px 0px;line-height:16px;color: black;padding:0px 0px;}
main aside{width:350px;}

.notimage{width: 90%; height: auto}

.list{margin:3px 0px;padding:0px;color: #333;}

.list.lat li a{padding:6px 0px;}

.list.img{font-size:0px;padding:0px;list-style:none;}
.list.img li{display:inline-block;vertical-align:top;width:calc(100% / 4);padding:5px;border:0px;box-shadow:0px 0px 0px;margin:0px;}
.list.img li a{display:block;line-height:normal;text-align:center;padding:0px;}
.list.img li a figure{margin:0px;margin-bottom:5px;position:relative;}

.list.img li a figure img{width:100%;border-radius:3px;}
.list.img li a b{font-size:11px;font-weight:500;white-space:nowrap;}

.list.rand{font-size:0px;padding:0px;text-align:center;list-style:none;}
.list.rand li{display:inline-block;vertical-align:top;padding:0px 5px;border:0px;box-shadow:0px 0px 0px;margin:0px;width:100%;}
.list.rand li a{display:block;line-height:normal;text-align:center;color:#4f7b9a;padding:0px;}
.list.rand li a b{display:inline-block;font-weight:500;font-size:12px;}
.list.rand li a b.f1{font-size:10px;}
.list.rand li a b.f2{font-size:15px;}
.list.rand li a b.f3{font-size:18px;}
.list.rand li a b.f4{font-size:9px;}
.list.rand li a b.f5{font-size:12px;}
.list li{border-bottom: 1px solid #bbccee;/* box-shadow:inset 0px -1px 0px #000; */margin-left:20px;}
.list.rand li a:hover{text-decoration:underline;}
.list li a{display:block;padding: 6px 0px;white-space:nowrap;overflow:hidden;list-style: none;text-overflow: ellipsis;font-size: 13px;}
.list li a:hover{background:#f1f1f1;color:#000;}




footer{margin:0px auto 0px auto;max-width:950px;padding:5px 15px;background: #fff;text-align: center;border-top: 1px solid #ccc;}
footer p{margin:10px 0px;line-height:16px;color: #333;}
footer ul{margin:10px 0px;padding:0px 10px;list-style:none;font-size:0px;text-align:center;}
footer ul li{display:inline-block;vertical-align:top;padding:0px 10px;border-right:1px solid #222;/* box-shadow:inset -1px 0px 0px #111; */}
footer ul li:last-child{border:0px;box-shadow:0px 0px 0px;}
footer ul li a{display:block;font-size:15px;color: #848484;}
footer ul li b{color: #848484;}
footer ul li a:hover{text-decoration:underline;}


.tops{margin:10px 0px;padding:0px;list-style:none;font-size:0px;text-align:center;}
.tops li{display:inline-block;vertical-align:top;padding:10px;width:calc(100% / 3);text-align:left;    border-bottom: 1px solid #ccc;}
.tops li a{display:block;}
.tops li a.i{display:inline-block;width:60px;}
.tops li a.i img{width:100%;}
.tops li div.c{display:inline-block;vertical-align:top;width:calc(100% - 60px);padding-left:10px;}
.tops li div.c a{font-size:12px;font-style:normal;color:#333;font-weight:500;}
.tops li div.c a:hover{color:#000;}

@media(max-width:767px){

header section{text-align:center;padding:10px;}
header section a{width:100%;padding:0px;margin-bottom:5px;}
header section form{width:100%;margin:0px;}
header section form input{font-size:12px;line-height:32px;padding:0px 10px;width:calc(100% - 60px)}
header section form input[type=submit]{width:60px;}
header section .ul{display:none;}

.tops li > *{width:100% !important;padding:0px;}
.tops li .i{margin-bottom:3px;}

main{padding:10px 10px;}
main > *{width:100% !important;padding:0px !important;}



footer ul{padding:0px;}
footer ul li{border:0px;box-shadow:0px 0px 0px;padding:0px;}
footer ul li a{padding:2px 6px;}


	
}
.descripcion {
    padding: 5px 5px;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
}

#tagcloud {padding:1px 0px 5px 0px;font-family: Tahoma,Verdana,sans-serif!important;text-align: center;}
				#tagcloud span {padding: 0px 0px;white-space: nowrap;}
				
				#tagcloud span.tag1 a {font-weight: normal;font-size: 10px;color: #555;border-radius: 3px;padding: 2px;display: inline-block;}
				#tagcloud span.tag2 a { font-weight: normal;     font-size: 1.4em; color: #555;border-radius: 3px;display: inline-block;margin: 2px; }
				#tagcloud span.tag3 a {font-weight: bold;font-size: 17px;color: #555;border-radius: 3px;padding: 3px 15px 3px 10px;display: inline-block;margin: 2px;}
				#tagcloud span.tag4 a {font-weight: normal;font-size: 18px;color: #555;border-radius: 3px;padding: 2px 4px;display: inline-block;}
				#tagcloud span a:hover { color: #FF0000!important; }
.breadcrumbs {
    padding: 5px 5px;
    color: #666;
    background: #f6f6f6;
    margin: 0px 0;
    font-size: 13px;
    text-transform: uppercase;
}


.text {
    margin-bottom: 15px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    background: #FFF;
    border-radius: 6px; font-size: 16px;
}
.text p {
    margin: 0px;
    padding: 5px 0px;
    line-height: 18px;
}
.text p img {
    float: left;
    margin: 0px 15px 10px 0px;
    width: 250px; 
    border-radius: 5px; cursor: pointer;
}


.text ol {
    margin: 10px 0px;
    padding: 0px 25px;
}
.text ol li {
    line-height: 18px;
}

#vidio {
background: #000000; width: auto; text-align: center;
}


/*menu*/

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu {
width: auto;

font-family: Maven Pro, sans-serif;
line-height: 1;
}
#cssmenu ul {
/*background: #ffffff;*/
}
#cssmenu > ul > li {
float: left; padding-left: 15px;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu.align-right > ul > li > a {
margin-right: 0;
margin-left: -4px;
}
#cssmenu > ul > li > a {
z-index: 2;
padding: 18px 10px 12px 10px;
font-size: 15px;
font-weight: 400;
text-decoration: none;
color: #fff;

margin-right: -4px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
color: #ffffff;
}
#cssmenu > ul > li > a:after {
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
width: 100%;
height: 80%;
border-radius: 8px;

content: "";

}
#cssmenu > ul > li.active > a:after,
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li > a:hover:after {
background: #000;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*Pagination*/


.pagination {
    background: #f2f2f2;
    padding:20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover{
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

/*videos*/
.itemVideo{float:left;height:148px; text-align:center;position:relative; overflow:hidden; font-size:12px;padding:2px; margin-bottom:2px;}
.itemVideo a{float:left; width:140px;  text-decoration:none!important}
.itemVideo img{ width:138px; height:90px; border:1px dotted #333333; float:left; padding:1px}
.itemVideo a:hover img{border:1px dotted #000;}
.itemVideo span{ margin:0; width:140px; float:left; text-align:center; font:normal 11px arial; padding-top:2px; line-height:12px; color:#000}
.itemVideo span:hover{ margin:0; width:140px; float:left; text-align:center; font:normal 11px arial; padding-top:2px; line-height:12px; color:#18739A}
.itemVideo span:hover img{border:1px dotted #18739A;}

.itemhome{float:left;height:250px; text-align:center;position:relative; overflow:hidden; font-size:12px;padding:2px; margin-bottom:2px}
.itemhome a{float:left; width:300px;  text-decoration:none!important; }
.itemhome img{ width:300px; height:180px; float:left; padding:1px;border-radius: 5px; cursor: pointer;}
.itemhome span{ margin:0; width:300px; float:left; text-align:center; font:normal 16px arial; padding-top:2px; line-height:14px; color:#000}
.itemhome span:hover{ margin:0; width:300px; float:left; text-align:center; font:normal 16px arial; padding-top:2px; line-height:14px; color:#18739A}
.itemhome span:hover img{border:1px dotted #18739A;}


.tagsec {

    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    color: #707070 !important;
    background: #f3f3f3;
    margin: 3px 7px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
text-decoration: none !important;
padding: 10px;
}

.tagsec:hover{

    background: #FAEBA6;

}

#vale p {
    margin: 10px 0;
    background: #eef9fb;
    border: 1px solid #ddebf9;
    border-radius: 3px;
    padding: 10px;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
    font-size: 14px;
    text-align: justify;
}