/* CSS Document :: extramuros */

* {
	margin:0px;
}
a{
	text-decoration:none;
	font-size:12px;
	color:#666;
}
a.read-more{
	color:#666;
	font-weight:bold;
}
a.read-more:hover{
	color:#e8a900;
}
li{
	list-style:none;
}
a img{
	border:none;
	text-decoration:none;
}
p{
	float:left;
	font-size:14px;
	line-height:18px;
	text-align:left;
}
body {
	background-image:url(../img/back-container.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#016877;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:22px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
}
/* HEADER*/

#header{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.header-container{
	background-color:#FFFFFF;
	height:78px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-left:60px;
	padding-right:60px;
	padding-top:50px;
	position:relative;
	width:906px;
}
.menu{
    float: right;
    position: relative;
    width: 70%;
}
.menu ul{
	padding-left: 0;
}
.menu ul li{
    display: inline-block;
    float: left;
}
.menu ul li a {
    color: #CCCCCC;
    line-height: 3em;
    padding: 6px 8px 15px;
}
.menu ul  li a:hover{
	background: url("../img/button-bkg.png") no-repeat scroll 100% top transparent;
}
a.icon-face{
    background: url("../img/icon-face.jpg") no-repeat scroll 0 bottom transparent;
    display: block;
    float: left;
    height: 25px;
    margin-left: 23px;
	margin-top: 5px;
    width: 24px;
}
a.icon-face:hover{
	background-position: 0 top;
}
ul.sub-menu{
    color: #FFFFFF;
    display: none;
    opacity: 0.8;
    position: absolute;
    text-align: left;
	top: 40px;
    width: 120px;
    z-index: 10;
	padding:0;
}
ul.sub-menu li{
	width:100%;
}
ul.sub-menu li a{
	background: none repeat scroll 0 0 #016877;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    margin-top: 5px;
    padding: 0 0 0 10px;
}
ul.sub-menu li a:hover{
	background-image:none !important;
	background-color:#016877;
}
/* WRAPER*/

#wraper{
	background-repeat:repeat-y;
	background-color:#FFF;
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:center;
	width:1026px;
}
.slide{
	background-color:#FFFFFF;
	float:left;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	text-align:center;
	width:100%;
	position:relative;
}
#slide{
	height:301px;
	width:360px;
	}
.slider-home{
	height:278px;
	margin:0 auto;
	width:891px;
	position:relative;
}
.slider-home img{
	position:absolute;
	right:0;
	top:0px;
	width:891px;
	height:278px;
}

/* CONTAINER*/
#container{
	background-color:#FFFFFF;
	float:left;
	height:auto;
	padding-left:67px;
	padding-right:67px;
	padding-bottom:20px;
	padding-top:35px;
	width:892px;
}
.publicidad{
	float:left;
	height:92px;
	margin-top:20px;
	width:100%;
}
#content{
	float:left;
	height:auto;
	width:641px;
}
.content-slide{
	float:left;
	height:357px;
	width:374px;
	position:relative;
}
.content-picture-container{
	float:left;
	height:auto;
	width:auto;
	position:relative;
	/*padding:10px;*/
	margin-bottom:20px;
}
.picture-content{
	width:423px; 
	background-color:#CCC; 
	float:left;
	margin-bottom:20px;
}
.picture-container-big{
	width:100% !important;
	padding:0px !important;
}
.picture-content-big{
	width:427px !important;
	height:auto;
}
a.volver-grilla{
	color:#008396;
	font-size:12px;
	font-weight:bold;
	float:left;
	text-align:left;
}
a.volver-grilla:hover{
	color:#00b4ce;
}
a.volver-pag-ant{
	border-top:dashed thin #008396;
	color:#008396;
	float:left;
	width:100%;
	padding-top:20px;
}
a.volver-pag-ant:hover{
	color:#05b3cc;
}
.audio-content{
	height:50px;
}
.content-coment{
	height:35px;
	float:left;
	width:100%;
	margin-bottom: 25px;
    margin-top: 50px;
	border-bottom:solid thin #CCC;
	border-top:solid thin #CCC;
}
.content-coment p{
	font-size:11px;
	width:auto !important;
}
.italic{
	font-style:italic;
}
a.icon-picture{
	float:left;
	width:auto;
	height:auto;
	padding: 0 60px;
}
.icon-picture-left{
	background-image:url(../img/border.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	padding-left:0px !important;
	padding-right:10px !important;
}
.icon-picture-left p{
	color:#008396 !important;
}
.icon{
	float:left;
	position:relative;
	top:8px;
	margin-right:5px;
}
.icon-facebook{
	padding:0px !important;
	float:right !important;
	margin: 8px 0;
}
.taco-slide{
	background-image:url(../img/taco-imagen.png);
	background-repeat:repeat-x;
	bottom:91px;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	height:49px;
	left:0px;
	line-height:18px;
	padding:15px 20px 20px 30px;
	position:relative;
	text-align:left;
	width:309px;
	z-index:20;
}
.button-slide{
	background-image:url(../img/button-slide-content.jpg);
	background-repeat:no-repeat;
	width:16px;
	height:51px;
	position:absolute;
	right:14px;
	top:150px;
	z-index:999;
}
.button-slide-left{
	background-image:url(../img/button-slide-content-left.jpg);	
	right:inherit !important;
	left:0px;
}
.title-content{
	float:left;
	font-size:16px;
	margin-bottom:20px;
	text-align:left;
	line-height:16px;
}
.title-content strong{
	color:#006776;
}
.strong-green{
	color:#008396;
}
.content-column-right{
	float:right;
	height:auto;
	padding-left:17px;
	padding-right:17px;
	position:relative;
	width:200px;
}
.right-module-title{
	color:#008396;
	font-weight:bold;
}
.right-module-title span.date{
	text-transform:uppercase;
}
.right-module-title.left{
	float:left;
	text-align:left;
	font-size:14px !important;
	
}
.column-module-c, .column-module-left-c, .column-module-left-d{
	float:left;
	font-size:12px;
	height:auto;
	line-height:18px;
	margin-top:10px;
	padding-bottom:30px;
	text-align:left;
	width:100%;
	background-image:url(../img/linea-divisoria-verde.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.column-module-left-c{
	background-image:none !important;
	border-bottom: solid thin #999;
	padding-bottom:10px !important;
}
.column-module-left-d{
	background-image:none !important;
	padding-bottom:3px !important;
}
.module-last{
	background-image:none!important;
	border:none !important;
}
.division-content{
	background-image:url("../img/division-content.jpg");
	background-position:center bottom;
	background-repeat:repeat-x;
	float:left;
	height:16px;
	margin-top:40px;
	width:102%;
}
.content-text{
	float:left;
	height:auto;
	padding-top:14px;
	width:102%;
}
.text-top{
	padding-top:0px !important;
}
#formContacto-contacto{
	float:left;
	margin-top:10px;
	width:100%;
}
.post{
	float:left;
	width:100%;
	height:auto;
	text-align:left;
	padding-bottom:10px;
}
.post-small, .post-small-right{
	width:52% !important;
}
.textarea-contacto{
	background-image:url(../img/back-area.jpg);
	background-repeat:repeat-x;
	height:126px;
	width:98%;
	float:left;
	text-align:left;
	border:none;
	padding:7px;
}
.post-small{
	float:right;
	width:45.5% !important;
}
.input-contacto{
	background-image:url(../img/back-input.jpg);
	background-repeat:repeat-x;
	float:left;
	text-align:left;
	width:100%;
	border:none;
	height:22px;
	padding-left:8px;
}
.post .subtitle-medium{
	font-size:14px !important;
	border:none !important;
	background:none !important;
}
p.button{
	font-size:12px !important;
}
p.button.enviar{}
.post span{
	font-size:9px;
}
.subtitle-medium-small{
	width:89px !important;
	float:left !important;
}
.post .subtitle-medium span{
	font-size:10px;
	text-align:left;
	color:#333;
	margin-left:5px;
}
.content-text-module{
	float:left;
	margin: 0 25px;
	width:426px;
}
.content-text p{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	line-height:22px;
	padding-top:5px;
}
.underline-p{
	border-bottom: solid thin #CCC;
	padding-bottom:20px;
}
.sub-text-green{
	font-size:18px;
	font-weight:bold;
	color:#008396;
	text-align:left;
	float:left;
	width:100%;
}
.sub-text-green .date{
	text-transform:uppercase;
	font-size:18px;
}

span.date{
	text-transform:uppercase;
	font-size:15px;
}
.regular{
	font-weight:normal !important;
}
.title-medium, .subtitle-medium{
	font-size:16px;
	float:left;
	width:auto;
	width:100%;
	text-align:left;
}
.subtitle-medium{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #008396;
    font-size: 14px;
    font-weight: bold;
}
.sub-text{
	font-size:16px !important;
}
.division-orange{
	border-bottom:1px solid #E8A900;
	float:left;
	width:100%;
}
.title-orange{
	color:#e8a900;
}
.radio-online{
    padding: 0px;
}
.p-green{
	color:#008396;
	font-size:17px;
	margin-top:30px !important;
	text-align:left;
}
.title-column-right{
	background-image:url(../img/title-novedades.jpg);
	background-repeat:no-repeat;
	width:219px;
	height:37px;
	float:left;
}
#column-left{
	float:left;
	height:auto;
	padding-right:17px;
	position:relative;
	width:222px;
}
.column-left-container{
	float:left;
	height:auto;
	margin-bottom:20px;
	position:relative;
	width:214px;
}
.column-module{
	float:left;
	line-height:22px;
	padding-bottom:20px;
}
.column-module-b p{
	color:#b63a08;
}
.column-module h2{
	font-size:16px;
	text-align:left;
	color:#101010;
}
.column-module p{
	color:#008396;
	font-size:14px;
	line-height:22px !important;
	padding-top:10px;
}
.column-text{
	color:#008396;
	float:left;
	font-size:14px;
	padding-top:10px;
	text-align:left;
}
.column-text p{
	color: #008396 !important;
    font-size: 13px;
	width: 190px;
}
.column-text p span{
    font-size: 12px;
	color:#B63A08 !important;
}
.title-red{
	color:#B63A08;
	float:left;
	font-size:14px;
	margin-top:20px;
	padding-left:10px;
	text-align:left;
	width:100%;
}
.title{
	background-image:url(../img/title.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	float:left;
	font-size:13px;
	height:37px;
	padding-left:10px;
	padding-top:4px;
	text-align:left;
	width:209px;
}
.linea-divisoria{
	background-image:url(../img/linea-divisoria.jpg);
	background-repeat:repeat-x;
	float:left;
	height:10px;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
}
.programacion{
	float:left;
	height:auto;
	width:226px;
	padding-top:10px;
}
a.programa{
    background-color: #F9F9F9;
    border-bottom: 1px solid #BDBDBD;
    color: #666666;
    float: left;
    height: 63px;
    padding: 10px 10px 20px;
    text-align: left;
    width: 195px;
}
a.programa:hover{
	background-color:#e9e9e9;

}
a.programa .title{
	background-image:none !important;
	color:#666666 !important;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:auto;
	padding-left:0;
	text-align:left !important;
	width:100%;
}
.date-prog, .rep-prog{
	font-size:13px;
	font-weight:bold;
	float:left;
	width:100%;
}
.rep-prog{
	color:#008396 !important;
	font-style:italic !important;
}
.prog-par{
	background-color:#f0f0f0 !important;
}
.prog-par:hover{
	background-color:#e0e0e0 !important;
}
/* FOOTER*/
#footer{
	height:auto;
	margin:0 auto;
	background-image:url(../img/back-footer.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
#footer-container{
	width:956px;
	height:107px;
	margin:0 auto;
	padding:35px;
}
#footer-container .menu a{
	color:#FFFFFF !important;
	float:left;
	text-align:left;
	padding: 0;
	position:relative;
	line-height:13px;
}
#footer-container .menu a:hover{
	background:none;
}
a.logo-footer{
	background-image:url(../img/logo-extramuros-footer.png);
	background-repeat:no-repeat;
	width:240px;
	height:66px;
	float:left;
}
#footer .menu{
	float:right;
	width:70%;
	top:7px;
}
a.f-link-title{
	height:23px;
	padding:6px;
	padding-left:7px;
	padding-right:7px;
	width:83px;
}/*
.f-title-small{
	width:46px !important;
}
.f-title-medium{
	width:68px !important;
}
.f-title-medium:hover{
	background-image:url(../img/title-footer-hover-medium.png) !important;
}
.f-title-big{
	width:114px !important;
}
.f-title-big:hover{
	background-image:url(../img/title-footer-hover-big.png) !important;
}
.f-title-small:hover{
	background-image:url(../img/title-footer-hover-small.png) !important;	
}
a.f-link-title:hover{
	background-image:url(../img/title-footer-hover.png);
	background-repeat:no-repeat;
	background-position:center;
}*/
.footer-module{
	width:92px;
	float:left;
	height:auto;
}
.f-module-small{
	width:66px !important;
	margin-left:10px;
}
.f-module-big{
	width:132px !important;
}
.footer-module li{
	float:left;
}
.footer-links{
	float:left;
	height:auto;
	width:auto;
}
.footer-links ul {
    display: block;
    float: left;
    padding: 0;
}
.footer-links li {
	float:left;
	height:auto;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-right:0;
	padding-top:5px;
	text-align:left;
	width:100%;
}
.footer-links li a{
	font-size:9px;
}
.facebook{
	left:50px;
	position:absolute;
	top:10px;
}	
#popup {
	background:url(../img/bck-pop-up.png) no-repeat;
    height: 335px;
    width: 636px;
}

#popup .title-orange{
	font-size: 12px;
    padding: 115px 0 0 95px;
    width: 75%;
}
#popup a{
	padding:30px;
	display: inline-block;
}