
@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:300,700,500,300italic);

@font-face {
    font-family: "opensans";
    src: url('font/OpenSans-Regular.eot'); 
    src: url('font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "social";
    src: url('font/social_font.eot'); 
    src: url('font/social_font.eot?#iefix') format('embedded-opentype'),
         url('font/social_font.ttf') format('truetype');
}
@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('font/MonoSocialIconsFont-1.10.eot');
    src: url('font/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('font/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('font/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('font/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('font/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.social a .symbol{ font-family: 'Mono Social Icons Font'; color:#dedede; font-size:36px; }
.social a .symbol, .social a .symbol:before {
    content: attr(title);
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.social a:hover .symbol{ color:#4A7085; transition:.1s linear all}/*#290C09*/

/* general */

::selection{background: #4A7085; color:#fff;}

*{ margin:0; padding:0;}
body{
	background: #4A7085;
	background-repeat: repeat-y repeat-x;	
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font:200 15px 'Roboto', 'sans-serif';
	color:#555;
	font-size:16px;
}
a { outline: none; text-decoration:none;}
img{ outline: none; text-decoration:none; border:0px;}

.clear{clear:both; height:0; margin:0; padding:0;}

.shadow-bottom, .shadow-top {
	position: relative;
	height: 20px;
	width: 90%;
	margin: 15px auto;
	display: block;
}
.shadow-bottom{ margin: -20px auto 15px; }
.shadow-top{ margin: 15px auto 0; }
.shadow-bottom:before, .shadow-top:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border-radius: 50% / 20px;
	box-shadow: rgba(0, 0, 0, 3) 0 0 25px;
}
.shadow-bottom:before { clip: rect(20px, auto, 50px, 0); }
.shadow-top:before { clip: rect(-50px, auto, 0, 0); }

/* esqueleto */

#container{ max-width:980px; margin:0 auto; padding:0;}

.space-header{height:248px;}

#header{ 
	clear:both; 
	position:absolute; 
	background:#fff;
	width:100%; 
	/*height:90px;*/ 
	margin:0; 
	padding:0; 
	box-shadow:0 2px 10px rgba(0,0,0,0.5); 
	z-index:10;
	font-family:opensans;
}
.header-social{position:relative; margin-right:0px; right:0; text-align:right;}
.header-logo{ /*float:left;*/ display:block; text-align:center; }
.header-logo img{ height:120px; padding:0 0 25px; margin-top:-30px}
.header-right{ /*float:right;*/ }

#nav-responsive{ display:none; }

#banner { clear:both; width:100%; margin:0; padding:0;}
#banner .rslides_container{ background:#999999; padding-bottom:1px;}

.container-body{ width:94%; margin:0; padding:20px 3%; background:#999999; color:#fff;}
.body-left{float:left; width:67%; margin-right:3%;}
.body-right{float:right; width:30%;}

#footer{ clear:both; width:100%; margin:0; padding:15px 0; background-color:#4C4C4C; color:#FFF; text-align:center; font-size:14px;}

/* styles generales */

.container-body h2{display:block; padding:10px; background:#913D2B; margin-bottom:20px; font-weight:100; font-size:20px; color:#fff; font-weight:bold;}
.container-body p{margin:20px 0; line-height:150%;}
.container-body ul{margin:20px 0 20px 25px;}
.container-body li{margin:20px 0;}
.container-body a{color:#671201;}
.container-body a:hover{color:#913D2B; text-decoration:underline;}

.btn-more{display:block; background:#4A7085; width:100px; margin-top:15px; padding:7px 0; color:#fff !important; text-align:center;  text-decoration:none !important; }
.btn-more:hover{background:#913D2B; transition:.1s all linear;}

.form-suscripcion{background:#666666; border-radius:7px; width:86%; padding:15px 7%; color:#fff;}
.form-suscripcion .title{text-transform:uppercase; font-size:20px; text-align:center; font-weight:600; letter-spacing:1px; margin:10px 0;}
.form-suscripcion .desc{text-align:justify;}


.form-suscripcion .textbox{
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-radius: 3px;
    color: #555555;
    font-size: 13px;
    line-height: 18px;
    padding: 7px 4%;
	height:16px;
	width: 92%;
	margin:10px 0;
}
.form-suscripcion .textbox:focus {
	outline:none;	
	border-color: rgba(82,168,236,0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	-webkit-transition: border 0.3s linear 0s, box-shadow 0.3s linear 0s;
	transition: border 0.3s linear 0s, box-shadow 0.3s linear 0s;
}

.form-suscripcion .boton{ display:block; width:100px; padding:10px 15px; margin:15px auto; text-align:center;
	background:#913D2B;
	background-color: #913D2B;
	background-image: -moz-linear-gradient(top,#913D2B,#671201);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#913D2B),to(#671201));
	background-image: -webkit-linear-gradient(top,#913D2B,#671201);
	background-image: -o-linear-gradient(top,#913D2B,#671201);
    background-image: linear-gradient(to bottom, #913D2B, #671201);
    background-repeat: repeat-x;
	font-size:13px;
	color:#fff;
}
.form-suscripcion .boton:hover{ 
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

#contact-form .required{color:#FF7575; text-shadow:0px 0px 5px rgba(0,0,0,.5)}

.form-suscripcion .success{display:block; padding:5px; background:#4A7085; border:1px solid #fff; color:#fff; font-size:13px; margin-bottom:10px;}
.form-suscripcion .error{display:block; padding:5px; background:#913D2B; border:1px solid #fff; color:#fff; font-size:13px; margin-bottom:10px;}



/* secciones */

.section-inicio{ width:92%; padding:25px 4%; background:#F6F6F6; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}

/* modulos */


/*.section-noticias .link-cat{ display:block; margin-bottom:20px;}
.section-noticias .link-cat a{ color:#999; font-size:11px; text-decoration:none; text-transform:uppercase;}
.section-noticias .link-cat a:hover{color:#719FFF;}
.section-noticias .link-cat .active{ margint:0 10px; color:#666; font-weight:bold;}*/

.not-item{ clear:both; width:100%; margin-bottom:20px;}
.not-item .item-header{ background:#555; background-size:100%; width:100%; padding-top:7px;}
.not-item .item-header h3{ background:#666; padding:10px 3%; text-transform:uppercase; color:#fff;font-family: "opensans";}
.not-item .item-img{width:100%; /*height:150px;*/ overflow:hidden; }
.not-item .item-img img{width:100%;}
.not-item .item-galeria{ background:#f9f9f9; margin-bottom:-1px; }
.not-item .item-galeria img{ height:55px; border:1px solid #efefef; padding:5px;}
.not-item .item-detalle{ background:#4A7085; display:block; padding:10px 3%; /*border:1px solid #efefef;*/ font-size:12px; color:#fff; font-weight:bold;}
.not-item .item-detalle .det-date{float:left;}
.not-item .item-detalle .det-cat{float:right;}
.not-item .item-desc{ display:block; background:#666666;  padding:15px 3%; color:#fff; /*border:1px solid #efefef;*/}
.not-item .item-desc .desc-image{ float:left; width:32%; padding-top:5px; margin-right:3%;}
.not-item .item-desc .desc-image img{width:100%;}
.not-item .item-desc .desc-content{ float:right; width:65%; margin-top:-20px;}

.paginacion{ float:right;}
.paginacion a { 
	display:block; 
	float:left; 
	border:1px solid #666; 
	margin:0px 2px; 
	padding:5px 10px;
	border-radius:3px;
	color:#999;
	font-size:11px;
	text-align:center; 
	text-decoration:none;
	background:#666;
	text-decoration:none !important;
}
.paginacion a:hover { background:#4A7085; border:1px solid #4A7085; color:#fff; font-weight:bold; }
.paginacion .active { background:#4A7085; border:1px solid #4A7085; color:#fff; font-weight:bold;}
.paginacion .desactive { color:#ddd; }
.paginacion .desactive:hover { background:#666; border:1px solid #666; color:#ddd; }



/*.mod-noticias{ display:block; width:100%; margin:0; padding:10px 0;}
.mod-noticias .content-mod{ float:left; width:25%; }
.mod-noticias .content-mod h3{ margin-bottom:10px;}
.mod-not-item{ float:left; width:22%; margin:0 0 0 3%;}
.mod-not-item .item-img{width:100%; overflow:hidden; height:110px;}
.mod-not-item .item-img img{width:100%;}
.mod-not-item .item-title{padding:5px 0; margin:5px 0; color:#444; font-weight:bold; border-bottom:1px solid #efefef;}
.mod-not-item .item-desc{text-align:left; line-height:150%; margin:5px 0 10px;}*/


/* posiciones editadas */

.contacto-data { width:400px; }
.contacto-data .title { font-size:15px; margin:0 0 15px; font-weight:bold;}
.contacto-data span { font-size:13px; margin: 3px 5px; margin-left:20px; float:left;}
.contacto-data .campo { clear:both; display:block; width:50px;}
.contacto-img{ clear:both; display:block; text-align:center;}
.contacto-img img{ max-width:230px; margin-top:20px; }
.contacto-data .dato a { color:#1152A4;}
.contacto-form { width:554px; border-left:1px solid #eee; padding-left:30px;}
.contacto-form .title { font-size:18px; margin:0 0 15px; font-weight:bold}



/* otros */ 


.block_comments .comments {width:600px; margin-left:10px;}
.block_comments .comments .comment {padding:15px 0; clear:both;  position:relative; }
.block_comments .comments .comment .avatar {width:54px; margin-right:12px; padding-top:2px; float:left; border:1px solid #ccc;}
.block_comments .comments .comment .block_general_pic {padding:2px;}
.block_comments .comments .comment .block_general_pic img {width:50px; height:48px;}
.block_comments .comments .comment .comment_content {overflow:hidden;}
.block_comments .comments .comment .comment_content p {color:#e9e9e9; line-height:18px; margin:0;}
.block_comments .comments .comment .comment_content a {color:#0a71a0; text-decoration:none;}
.block_comments .comments .comment .comment_content .name {padding:1px 0px 3px; color:#fff; font-weight:bold; text-transform:uppercase; font-size:16px}
.block_comments .comments .comment .comment_content .name a {color:#fff; font-weight:bold;}
.block_comments .comments .comment .comment_content .date {padding-bottom:6px; font-size:11px; color:#913D2B;}
.block_comments .comments .comment .comment_content .date a {font-size:11px;}
.block_comments .comments .comment .comment_content .date span {margin:0px 11px; color:#d9d9d9;}
.block_comments .comments .comment .comment {padding-left:67px; }
.item-edit{ font-size:11px; padding:1px 8px 2px; }
.item-pub{ padding:0px 3px; border:1px solid #CCC; }
.item-del{ padding:0px 2px; border:1px solid #CCC; }




.control-group { margin-bottom:18px; clear:both; }
.control-label { 
	padding-right: 5px;
    text-align: left;
    width: auto;
    float: left;
    padding-top: 5px;
}
.lblrequerido { color:#9D261D;}
.controls { margin-left: 160px; }
.textbox{
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-radius: 3px;
    color: #555555;
    font-size: 13px;
    line-height: 18px;
    padding: 4px 6px;
	height:16px;
}
.textbox:focus {
	outline:none;	
	border-color: rgba(82,168,236,0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	-webkit-transition: border 0.3s linear 0s, box-shadow 0.3s linear 0s;
	transition: border 0.3s linear 0s, box-shadow 0.3s linear 0s;
}
.btn {
    background-color: #F5F5F5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
	border-radius: 4px ;
    border: 1px solid;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    line-height: 18px;
    font-size: 13px;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    text-align: center;
}
.btn:hover {
	color: #333;
	text-decoration: none;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
.btn:active {
	background-color: #e6e6e6;
	background-color: #d9d9d9 \9;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-small {	
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
	margin-left:2px;
}
.item-edit{ font-size:11px; padding:1px 8px 2px; }




