/**
 * @version:		$Id: general.css 117 2010-11-08 16:03:35Z epatarroyo $
 * @copyright:		Copyright (C) 2010 OpenWeb Software. All rights reserved.
 * @license:		GNU/GPL
 * This version may have been modified pursuant to the GNU General Public License,
 * and as distributed it includes or is derivative of works licensed under the
 * GNU General Public License or other free or open source software licenses.
 */

/* CSS Styles by Ernesto Patarroyo - OpenWeb - http://openweb.co */

/*****************
4 - General Styles
 *****************/
.clr {
 clear: both;
}

a.readon {
 display: block;
 height: 20px;
 line-height: 20px;
}

.floatLeft {
 float: left;
}

.floatRight {
 float: right;
}

#login a {
 color: #635E59;
 text-decoration: none;
}

#login a:hover {
 text-decoration: underline;
}

#loginform h4,#search h4,#nav h4,#cart h4 {
 display: none;
}

/* images caption */
div.caption {
 padding: 0 10px;
}

div.caption img {
 border: 1px dashed #b9c7ca;
}

div.caption p {
 font-size: 0.8em;
 color: #555;
 text-align: left;
 font-family: "lato",sans-serif, Arial, Helvetica, sans-serif;
 font-weight: 300;
 font-style: italic;
}
h1.itemtitle {
font-family: "lato",sans-serif, Arial, Helvetica, sans-serif;
font-size: 2.6em;
font-style: normal;
font-weight: 300;
line-height: 1.4em;
}

.align-left {
 float: left;
}

.align-right {
 float: right;
}

.important-left,
.important-right {
 color: #8DA2A5;
 width: 200px;
 padding: 6px;
 font-size: 1.5em;
 font-weight: normal;
 font-style: italic;
}

.important-right {
 float: right;
 margin-left: 20px;
 text-align: left;
}

.important-left {
 float: left;
 margin-right: 20px;
 text-align: right;
}

/* System Messages */
#system-message {
 margin-bottom: 10px;
 padding: 0;
}

#system-message dt {
 font-weight: bold;
}

#system-message dd {
 margin: 0;
 font-weight: bold;
 text-indent: 30px;
}

#system-message dd ul {
 color: #0055BB;
 margin-bottom: 10px;
 list-style: none;
 padding: 10px;
 border-top: 3px solid #84A7DB;
 border-bottom: 3px solid #84A7DB;
}

/* System Standard Messages */
#system-message dt.message {
 display: none;
}

/* System Error Messages */
#system-message dt.error {
 display: none;
}

#system-message dd.error ul {
 color: #c00;
 background-color: #E6C0C0;
 border-top: 3px solid #DE7A7B;
 border-bottom: 3px solid #DE7A7B;
}

/* System Notice Messages */
#system-message dt.notice {
 display: none;
}

#system-message dd.notice ul {
 color: #c00;
 background: #EFE7B8;
 border-top: 3px solid #F0DC7E;
 border-bottom: 3px solid #F0DC7E;
}

#debug {
 position: relative;
}

#debug h3 {
 color: #000;
 font-size: 0.8em;
 margin: 0;
 padding: 0;
}

#debuginfo {
 background: #000;
 border: 1px solid #808080;
 padding: 10px;
 color: #00FF00;
 font-size: 1em;
 font-family: monospace;
 position: absolute;
 top: -9000px;
 left: -9000px;
}

#debug:hover #debuginfo {
 position: relative;
 top: 0px;
 left: 0px;
}

#debuginfo h4 {
 margin: 15px 0 0;
 border-top: 1px solid #C0C0C0;
 color: #fff;
 font-size: 1.4em;
 font-weight: bold;
}

#maincol .xmap .padding {
 padding: 0 20px;
}

.tip {
 background-color: #377F7B;
 border: 1px solid #FFF;
 border-radius: 4px 4px 4px 4px;
 color: #FFF;
 padding: 5px 10px;
}
.btnfiles{
 clear:both;
 float: right;
 margin: 0 0 10px 10px;
}
.btnfiles p{
 margin: 0 0 5px 0;
}
.blogfuentecultural h2{
 font-size: 1.357em;
 text-align: left;
}

/*-------
  HEADER
  ------*/
}
#logo {
display: block;
float: left;
left: 0;
margin: 10px 0 0 5px;
position: relative;
top: 0;
vertical-align: top;
width: 180px;
}
#tagline {
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
top: 0;
vertical-align: top;
width: auto;
}
#tagline .custom {
margin:0;
padding: 0;
}
#tagline p {
display: block;
font-size: 0.85em;
height: 60px;
line-height: 1.2;
margin:10px 0 0 15px;
padding: 0;
text-transform: uppercase;
vertical-align: middle;
width: 180px;
}
#nav ul {
 margin: 0 10px 0 0;
}
#nav ul li {
 background: transparent url("../images/bg_mainMenu.png") repeat-x 0 100%;
 border-left: 1px solid #CCC;
 border-right: 1px solid #FFF;
 display: block;
 float: left;
 margin: 0;
 width: 100px;
 height: 45px;
}
#nav ul li:last-child {
 width: 140px;
}
#nav ul li a {
 color: #377F7B;
 display: block;
 font-size: 0.8em;
 font-weight: bold;
 padding: 15px 0px;
 line-height: 1;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 vertical-align: middle;
}

#nav ul li a:hover {
 color: #999;
}

#nav ul li.active a {
 background: transparent url(../images/icn_arrow_mainMenu.png) no-repeat 50% 0;
}

#nav ul li:last-child a {
}

#nav ul li.active a {
 color: #C1272D;
}

#subnav ul {
 margin: 0 0 0 10px !important;
 font-size: 0.91em;
}

#subnav ul li {
 display: inline;
}

#subnav ul li a {
 color: #377F7B;
 /*border-left: 1px dotted #419591;*/
/* padding: 2px 10px 0 0;*/
 
 padding: 2px 8px 0 0;
 font-weight: bold;
 text-decoration: none;
}

#subnav ul li a:hover {
 /*border-left: 1px solid #999;*/
 color: #999;
 text-decoration: none;
}

#subnav ul li.active a {
 /*border-left: 1px solid #C1272D;*/
 color: #C1272D;
 padding: 2px 10px 0 0;
 text-decoration: none;
}
#subnav .emilink {
  color: #222;
}
#radio {
display: none;
visibility: hidden;
}

/*--------
  CONTENT
  -------*/
#breadcrumbs a{
 color: #377F7B;
}

#breadcrumbs a:hover {
 color: #999;
 text-decoration: underline;
}

.blog .items-leading,.blog .item h2 {
 font-size: 2.6em;
 font-style: normal;
 font-weight:300;
 line-height:1.4em;
 margin: 20px 0 5px 0;
}
.leading-0 h2 {
  font-size: 2.6em;
  font-style: normal;
  font-weight:300;
  line-height:1.4em;
  margin: 20px 0 5px 0;
}

.blog .items-leading {
 clear: both;
 overflow: hidden;
}

.credit {
font-size: 0.75em;
font-family: "lato",sans-serif, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 300;
font-style: italic; 
}
.paddingblog {
background-color: #F7F7F7;
/*border: 1px solid #DDD;*/
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
margin: 0 5px 1em 5px;
padding: 1px 10px;
}

.item .paddingblog h2{
 margin: 10px 0 5px 0;
}

#aside ul.menu {
 margin: 0 0 20px 0;
 list-style: none;
}

#aside ul.menu li.active a {
 color: #C1272D;
 font-weight: bold;
}

ul.menu ul li.current a,
ul.menu ul li.active a {
 background-color: #FBFBFB !important;
 color: #C1272D !important;
 font-weight: bold !important;
}

#aside ul.menu li a {
 background: transparent url(../images/icn_green-arrow.png) no-repeat 95% 50%;
 border-bottom: 1px dotted #419591;
 color: #377F7B;
 display: block;
 font-size: 0.857em;
 padding: 15px 20px 15px 5px;
 text-decoration: none;
}

#aside ul.menu li a:hover {
 background: #FAFAFA url(../images/icn_gray-arrow.png) no-repeat 95% 50%;
 color: #666;
}

#aside ul.menu li ul {
 margin: 0;
 list-style: none;
}

#aside ul.menu li.active li a {
 background: #F1F1F1 url(../images/icn_gray-arrow.png) no-repeat 95% 50%;
 border-bottom: 1px dotted #666;
 color: #666;
 font-weight: normal !important;
 padding: 6px 20px;
}

#aside ul.menu li.active li a:hover {
 background: #FAFAFA url(../images/icn_gray-clear-arrow.png) no-repeat 95% 50%;
 color: #999;
}

#articleNav ul {
 float: right;
 list-style: none;
 margin: 0;
}

#articleNav ul li {
 float: left;
}

#articleNav ul li a {
 background: url("../images/bg_mainMenu.png") repeat-x 0 50% #f4f4f4;
 border: 1px solid #DDD;
 border-bottom: none;
 color: #377F7B;
 display: block;
 font-weight: normal;
 margin: 3px 5px 0 0;
 padding: 5px;
 text-decoration: none;
}

#articleNav ul li a:hover {
 color: #999;
}

#articleNav ul li.active a {
 background: url("../images/bg_mainMenu.png") repeat-x 0 0% #f4f4f4;
 color: #C1272D!important;
 margin: 0 5px 0 0;
 padding: 7px 5px 6px;
}

.artimg {
 float: right;
 margin: 0 0 10px 10px;
}

.artimg img,
.artimg-l img,
.artimg-c img {
 background-color: #f4f4f4;
 border: 1px solid #ddd;
 margin: 0;
 padding: 5px;
}

.artimg p {
 clear: both;
 color: #5C2F33;
 font-size: 0.786em;
 font-style: italic;
 margin: 0 0 0.5em 0;
 text-align: right;
}

.artimg-l {
 float: left;
 margin: 0.5em 0;
}

.artimg-l p {
 color: #5C2F33;
 font-size: 0.786em;
 font-style: italic;
margin: 0 0 0.5em 0;
 text-align: left;
}

.artimg-c p {
 color: #5C2F33;
 display: block;
 font-size: 0.786em;
 font-style: italic;
 margin: 10px auto;
 text-align: center;
}

#component li {
 line-height: 1.3;
 margin: 0 0 10px 0;
}

#component .img-r img {
 float: right;
 margin: 0 0 10px 10px;
}

#component .img-r p+p {
 clear: right;
 float: right;
 font-size: 0.714em;
 font-style: italic;
 margin: 0;
 padding: 0;
 position: relative;
 top: -5px;
}

#component .img-l img {
 float: left;
 margin: 0 10px 10px 0;
}

#component .img-l p+p {
 clear: left;
 float: left;
 font-size: 0.714em;
 font-style: italic;
 margin: 0;
 padding: 0;
 position: relative;
 top: -5px;
}

#component ul.actions {
 margin: 0 0 10px 0;
 text-align: right;
}

#component ul.actions li {
 display: inline;
}

#component table.table_c {
 margin: 15px auto;
}

#component table.table_c th {
 border: 1px dotted #666;
 text-transform: uppercase;
 vertical-align: middle;
}

#component table.table_c td {
 border: 1px dotted #CCC;
 vertical-align: middle;
}

#component table.table_c td p {
 margin: 15px 0;
}

/* no funciona en IE 7-8*/
#component table.table_c tr:nth-child(even):hover,
#component table.table_c tr:nth-child(odd):hover
 {
 background-color: #419591;
 color: #FFF;
}

#component table.table_c tr:nth-child(even):hover a,
#component table.table_c tr:nth-child(odd):hover a
 {
 color: #FFF;
}

#component table.table_c tr:nth-child(even) {
 background-color: #f7f7f7;
}

#component table.table_c tr:nth-child(odd) {
 background-color: #FFF;
}

/*-------
  FOOTER
  ------*/
#footer-menu a {
 border-right: 1px solid #ccc;
 color: #E0EF2C;
 font-weight: normal;
 padding: 0 5px;
 text-decoration: underline;
}

#footer-menu li:
first-child a {
 border: none;
}

#footer-menu ul {
 float: left;
 list-style: none;
 margin: 5px 0;
}

#footer-menu ul li {
 float: left;
}

#footerInfo {
 float: left;
 margin: 23px 0 0 0;
 padding: 0 0 0 10px;
}

#socialMedia {
border-top: 1px dotted #DDD;
display: block;
height: auto;
margin: 0 auto;
max-width: 960px;
padding: 0.5em 0;
width: 100%;
text-align: right;
}

#socialMedia div.custom {
display: block;
float: right;
margin-bottom: 1em;
max-width: 300px;
text-align: right;
width: auto;
}

#socialMedia p {
margin: 0;
color: #333;
}

#socialMedia p.follow {
 font-style: italic;
 font-weight: bold;
 margin: 0 0 5px 0;
}

#socialMedia img {
 margin: 0 2px;
}

#footerInfo .infoKonrad {
 border-left: 2px solid #CCCCCC;
 float: left;
 font-size: 0.857em;
 margin: 0 0 20px 10px;
 padding: 0 0 0 10px;
 width:840px;
 
}

#footerInfo .infoKonrad p {
 margin: 0;
 clear: both;
}

#footerInfo .infoKonrad a {
 color: #E0EF2C;
 font-weight: normal;
 text-decoration: underline;
}

#footerInfo .infoKonrad ul {
 margin: 0;
}

#footerInfo .infoKonrad li {
 border-left: 2px solid #ccc;
 float: left;
 list-style: none;
 padding: 0 5px;
}

#footerInfo .infoKonrad li:first-child {
 border: none;
 padding: 0 5px 0 0;
}

#footerInfo .infoKonrad li:nth-first-child {
 border: none;
 padding: 0 5px 0 0;
}

#toTop {
 display: none;
}

#toTop p {
 background: #377F7B url(../images/icn_back2top.png) no-repeat 90% 50%;
 bottom: 0;
 color: #FFF;
 cursor: pointer;
 font-size: 0.8em;
 font-weight: normal;
 margin: 0 20px 0 0;
 padding: 4px 25px 5px 5px;
 position: fixed;
 right: 0;
 z-index: 10;
}

#toTop p:hover {
 background-color: #666;
}

/*--------------
  SLIDER - NIVO
  -------------*/
.nivoSlider {
 border: 5px solid #FFFFFF;
 box-shadow: 0 0 10px #333333;
 margin: 0;
}

.nivo-directionNav a {
 background: url("../images/slideBtns.png") no-repeat scroll 0 0
  transparent;
 border: 0 none;
 display: block;
 height: 70px;
 text-indent: -9999px;
 top: 110px;
 width: 24px;
}

a.nivo-nextNav {
 background-position: -24px 0;
 right: 0;
}

a.nivo-prevNav {
 left: 0;
}

.nivo-controlNav {
 top: 5px;
}

.nivo-controlNav a {
 border: 0 none;
 display: block;
 float: left;
 height: 10px;
 margin-right: 3px;
 text-indent: -9999px;
 width: 10px;
}

.nivo-controlNav a.active {
 background-position: -10px 0;
}

#showcase1 .module {
 padding: 0 9px;
}

/*---------------
  SEARCH RESULTS
  ---------------*/
.result-category .small,
.result-created {
 color: #999999;
 font-size: 0.857em;
}

.result-text {
 font-size: 0.929em;
}

.highlight{
 color: #000;
 font-weight: bold;
}

/*----------
  PAGINATOR
  ----------*/
#component .pagination{
 clear: both;
}

#component .pagination p {
 color: #999;
 text-align: center;
}

#component .pagination ul li {
 border: 1px solid #F0F0F0;
 float: left;
 list-style: none;
 margin: 0 8px 10px 0;
 padding: 0 5px;
}

#component .pagination ul li a,
#component .pagination ul li span {
 color: #377F7B;
 display: block;
 line-height: 1.3;
 text-align: center;
 text-decoration: none;
}

#component .pagination ul li:hover{
 background-color: #F0F0F0;
}

#component .pagination ul li span {
 color: #999;
}

/*----------
  CONTACTOS
  ----------*/
#component .contact-category table.category {
 margin: 10px auto;
}

#component .contact-category table.category th {
 border: 1px dotted #666;
 text-transform: uppercase;
}

#component .contact-category table.category td {
 border: 1px dotted #CCC;
}

/* no funciona en IE 7-8*/
#component .contact-category table.category tr:nth-child(even) {
 background-color: #f7f7f7;
}

#component .contact-category table.category tr:nth-child(odd) {
 background-color: #FFF;
}

/*------
  FORMS
  -----*/
#contact-form dl {
 margin: 20px;
}

#contact-form dd {
 margin: 0;
}

#contact-form input,
.rscomments_small_container input,
#userForm input[type="text"]{
 border: 1px solid #CCC;
 border-radius: 4px;
 padding: 5px 5px !important;
 width: 280px;
}

#userForm h3 {
 color: #377F7B;
 margin: 20px 0 10px 0;
}

#userForm input[type="button"] {
 background-color: #377F7B;
 color: #FFFFFF;
 margin: 10px;
}

#userForm div.formDescription {
 margin: 10px !important;
 float: left;
 padding: 0;
}

#userForm li label {
 padding: 0 20px 0 3px;
}

#userForm .formCaption2 {
 font-weight: bold;
}

#userForm strong.formRequired {
 color: #C2272D;
}

/*------------
  ERROR - 404
  -----------*/
#component .error404 {
 font-size: 0.857em;
 margin: 0 0 50px 0;
 text-align: center;
}

#component .error404 p {
 margin: 0;
}

#component .error404 li {
 background: url("../images/icn_green-arrow.png") no-repeat scroll 0 50%
  transparent;
 list-style: none;
 margin: 0 5px 0 0;
 padding: 0 0 0 15px;
}

.pagenavcounter {
 display: none;
}

/*--------------------
  PAGINADOR ARTICULOS
  -------------------*/
#article-index{
 background-color: #F0F0F0;
 border: 1px solid #CCC;
 float: right;
 margin: 0 0 10px 10px;
 width: 218px;
}

#article-index ul{
 margin: 15px;
 padding: 0;
}

#article-index ul li{
 list-style: none;
 margin: 5px 0;
}

#article-index ul li a{
 background: transparent url("../images/icn_green-arrow.png") no-repeat 0 7px;
 padding: 0 0 0 10px;
}

#article-index ul li a.active{
 background: transparent url("../images/icn_gray-arrow.png") no-repeat 0 7px;
 color: #C1272D;
 font-weight: bold;
 padding: 0 0 0 10px;
}

#article-index ul li a:hover{
 background: transparent url("../images/icn_gray-clear-arrow.png") no-repeat 0 7px;
 color: #999;
}

/*---------
  COMMENTS
  -------*/

#rscomments_big_container{
 border-top: 1px dotted #CCC;
 margin: 0 0 20px 0;
 padding: 20px 0 0 0;
}

.rscomments_form_container{
 background-color: #F5F5F5;
 border-top: 1px dotted;
 padding: 15px 20px;
}

.rscomments_form_container input#submit_captcha{
 width: 190px;
}

.rscomments_small_container .charleft{
color: #377F7B;
font-size: 0.786em;
padding: 0 0 0 100px;
}

.rsc_label {
 width: 100px;
}

.rsc_avatar_container {
 float: left;
 height: 64px;
 overflow: hidden;
 width: 64px;
}

.rsc_right_container {
 border: 1px solid #CCCCCC;
 border-radius: 4px 4px 4px 4px;
 float: right;
 padding: 0 0 10px 0;
 width: 615px;
}

.rsc_cloud_comment {
 background: none;
 border: none;
 float: none;
 margin-left: 0;
 padding: 0;
 width: auto;
}

.rsc_cloud_arrow {
 background: url("../images/arrow_comment.png") no-repeat 0 0 transparent;
 display: block;
 height: 20px;
 left: -12px;
 position: absolute;
 top: -25px;
 width: 12px;
}

.rsc_author {
 background-color: #F4F4F4;
 clear: both;
 display: block;
 overflow: hidden;
 padding: 5px 14px;
 text-transform: capitalize;
}

.rsc_author small{
 color: #377F7B;
 font-size: 0.714em;
 font-weight: bold;
}

.rsc_cloud_comment{
 padding: 10px;
}

.rsc_quote {
 margin: 0 15px;
}

.rsc_subject {
 color: #377F7B;
}

.rsc_quote blockquote {
 background: url("../images/bg_quote.png") no-repeat 5px 5px #FBFBFB;
 border: 1px solid #DDD;
 border-radius: 4px;
}

.readmore {
  border-top:1px dotted #CCC;
  display: block;
  width: 100%;
}
.readmore a {
color: #000;
font-family: "lato",sans-serif, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 500;
padding-top: 0.25em 0;
text-decoration: none;
width: 100%;
}
.readmore a:hover {
color: #666;
text-shadow: 1px 1px 1px #FFF;
}

#rsf{
 margin: 20px 0 0 0;
}

#rsf1 {
 margin: 17px 0 0 0;
}

#rsf1, #rsf2{
 float:right;
 width: 50%;
}

#rsf1 .rsf1-banner {
 height: 100px;
 position: relative;
}

#rsf1 .rsf1-banner img{
 left: -40px;
 position: relative;
 top: 9px;
 z-index: 5;
}

#rsf1 ul{
 background: #E2FBF9;
 border: 1px solid #419591;
 border-radius: 4px;
 margin: 0 0 10px 0;
 padding: 15px 30px 5px 30px;
}

#rsf2 fieldset{
 background: #EEE;
}
 
#rsf2 textarea{
 width: 360px;
}

.rsf2style #rsf1,
.rsf2style#rsf2{
 float: left;
}

.rsf2style #rsf1 .rsf1-banner img{
 left: -20px;
}

.rsf2style #rsf2 fieldset {
 background: #CBDB2A;
 border: 1px solid #A6B01C !important;
}

div.blogfuentecultural p {
 text-align:center;
}
/*=====================================================
Estilos especiales para módulos en categorías*/

.modincat {
  background-color: #EEEEEE;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  margin: 0;
  width: 31%; height: auto;
}
.modleft {
  margin-bottom: 20px;
  margin-right: 20px;

}
.modcenter {
  margin-bottom: 20px;
  margin-right: 20px;
}
.modright {
  margin-bottom: 20px;
  margin-right: 0;
}
.modincat-link {
  text-decoration: none;
  width: auto; height: auto;
  display: block;
  margin: 0;
  cursor: pointer;
  padding: 10px;
  color: #555555;
  min-height: 200px;
}
.modincat-link:hover {
  background-color: #DDDDDD;
}
.modincat-link:visited {
  color: #444444;
}
.modincat-title {
  display: block;
}
.modincat-img {
  background:#FFF;
  border: 1px solid #DDD!important;
  margin-bottom: 5px;
  padding: 1px!important;
  width: 98%;
}
.modincat-desc {
  font-size: 0.9em;
}
.modincat-feat {
  background-color:#E3F6CE;
}
/*=====================================================
Estilos especiales dentro de los artículos*/
/*Temas actuales*/
.blog-featured .row-separator {
border-bottom: 1px dotted #999;
height: 1px;
display: block;
width: 100%;
}
.blog-featured .row-separator:first-child {
display: none;
}
.blog-featured .item {
max-width: 32%;
margin: 1em 1.8% 1em 0;
}
.blog-featured .item .readmore {
border-top: none;
}
.blog-featured .item p {
margin-bottom: 0;
}
.blog-featured .column-3 {
margin-right: 0;
}
.blog-featured .artimg-l {
float: none!important;
margin-left: 0!important;
margin-right: 0!important;
margin: 0;
max-width: 220px!important;
padding: 0;
width: 100%!important;
}
.blog-featured .artimg-l img {
border: none;
float: left!important;
height: auto;
padding: 0!important;
width: 100%!important;
}
/*créditos*/
.credits {
  font-size: 0.75em;
  font-family: 
}
/*botones*/
.downloadbutton {
background-color: #F6AB3F;
border-bottom:2px solid #666;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #FFF;
display: inline-block;
float: none;
font-weight: 700;
height: auto;
line-height: 1em;
margin-right: 0.5em;
padding: 15px 20px 15px 20px;
text-decoration: none;
text-shadow:none;
vertical-align: middle;
width:auto;
}
.downloadbutton:visited {
color: #FFF;
}
.downloadbutton:hover {
margin-top: 1px;
color: #000000;
background-color: #AAA;
border-bottom:1px solid #666;
}
.downloadbutton180b {/*botones en menú izquierdo*/
margin-bottom: 1px;
width: 180px;
}
/*bloques*/
.itemnode {
width:100%;
height:auto;
display:
block;
padding:10px 0 10px 0;
border-bottom:1px dotted #AAAAAA;
margin-top:10px;margin-bottom:10px;
}
#streaming {
width:auto;
height:auto;
display:block;
background-color:#f4f4f4;
border:1px solid #DDDDDD;
padding:19px;
}
/*tablas*/
.filatitulo {width:100%;}
.filatitulo th {width:auto; height:auto; padding:10px; background-color:#BBB; text-align:left;}
.filapar {width:100%;}
.filapar td {width:auto; height:auto; padding:10px; background-color:#DDD;}
.filaimpar {width:100%;}
.filaimpar td {width:auto; height:auto; padding:10px; background-color:#EEE;}
.ftablek {width:100%;max-width:670px;display:block;clear:both;font-size:0.9em;}
/*Mosaicos*/
.gallnode {
width:32%;height:auto;
max-width: 220px;
display: block;
float:left;
margin-top:1em;
margin-right:2%;
padding-bottom:0.5em;
}
.gallnode a {
display: block;
max-width: 220px;
width:100%;height:auto;

}
.gallnode img {
display: block;
margin-bottom: 0.5em;
max-width: 220px;
width:100%;height:auto;
}
.gallnode p {
width:100%;height:auto;
max-width: 220px;
display: block;
font-size: 1em;
line-height: 1.4em;
height: auto;
color: #333;
margin-bottom: 0;
}
.gallnomargin {
margin-right:0;
}

/*citas*/
.citation-left {
  border-bottom: 1px dotted #CCCCCC;
  color: #666666;
  display: block;
  float: left;
  font-family: georgia, times new roman, serif;
  font-size: 1.4em;
  font-style: italic;
  height: auto;
  line-height: 1.4em;
  text-align: left;
  width: 80%;
}
.citation-left span {
  display: block;
  font-family: "lato",sans-serif, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.7em;
  color: #FF9999;
}
.citation-right {
  border-bottom: 1px dotted #CCCCCC;
  color: #666666;
  display: block;
  float: right;
  font-family: georgia, times new roman, serif;
  font-size: 1.4em;
  font-style: italic;
  height: auto;
  line-height: 1.4em;
  text-align: right;
  width: 80%;
}
.citation-right span {
  display: block;
   font-family: "lato",sans-serif, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: 400;
  font-size: 0.7em;
  color: #FF9999;
}
.gallnode ul {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
}
.featured {
  color: #777;
  display: block;
  font-family: georgia, times new roman, serif;
  font-size: 1.2em;
  font-style:italic;
  height: auto;
  line-height: 1.5em;
  text-align: left;
  width: auto;
}
/*textos destacados*/
.featured-left {
  color: #777;
  display: block;
  float: left;
  font-family: georgia, times new roman, serif;
  font-size: 1.2em;
  font-style:italic;
  height: auto;
  line-height: 1.5em;
  margin-left: 5%;
  text-align: left;
  width: 94%;
}
.featured-right {
  color: #777;
  display: block;
  float: right;
  font-family: georgia, times new roman, serif;
  font-size: 1.2em;
  font-style:italic;
  height: auto;
  line-height: 1.5em;
  margin-right: 3em;
  text-align: right;
  width: 100%;
}
.featured-box {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  height: auto;
  width: auto;
  padding: 10px;
  border: 1px solid #FFFFFF;
  background-color: #BDDDF1;
  margin-bottom: 20px;
  box-shadow: 0 0 3px #666666; 
}
.featured-box * {
  text-shadow:1px 1px 0 #FFFFFF;
  color: #000000;
}
.i280a {
  height:auto;
  float:right;
  margin-left:1em;
  width:290px;
}
.i280a img {
  width:100%;
  max-width:280px;
}
.i380a {
  float:right;
  height:auto;
  margin-left:1em;
  width:390px;
}
.i380a img {
  max-width:380px;
  width:100%;
}
.i700a {
  display:block;
  height:auto;
  width:100%;
}
.i700a img {
  width:98%;
}
.ihid {
  display:block;
  height:0;
  overflow:hidden;
  position:absolute;
  text-indent:9999em;
  width:100%;
  z-index:222;
}
/*recuadro destacado*/
.colorbox {
  background-color:#D8EEFF;/*blue*/
  border-bottom:2px solid #40516B;
  border-radius:5px;padding:1em;
  color: #000;
  display:inline-block;
  height:auto;
  text-shadow:1px 1px 0 #FFF;
  vertical-align: top;
  width:96%;/*var in element.style*/
}
.colorbox-b {
  background: #E3F6CE;/*green*/
}
.colorbox-c {
  background: #F5ECCE;/*orange*/
}
.colorbox-d {
  background: #EEE;/*gray*/
}
.legend {
  font-size:0.8em;
  float:right;
}
.webform { /*=============Sugar web form*/
  float: right;
  margin-left: 1em;
  max-width:280px;
  width: 96%;
}
.parfeatured {
  font-size: 1.3em!important;
  line-height: 1.4em!important;
}
/*Start CRM Form*/
#WebToLeadForm a {
  text-decoration: none;
  color: #2E9AFE;
  font-family: "lato",sans-serif, Arial, Helvetica;
  font-style: italic;
  font-weight: 300;
}
#WebToLeadForm .fila input { 
  background: #FFF;
  border-radius: 5px;
  border:none;
  font-size: 0.8em;
  height: 36px;
  line-height: 36px;
  padding: 0;
  text-indent: 0.5em;
  vertical-align: middle;
  width: 100%;
  }
#WebToLeadForm .fila input.button { 
  background: #FF9933;
  color: #FFF;
  cursor: pointer;
  font-family: "lato",sans-serif, Arial, Helvetica;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 500;
  height: 2.5em;
  line-height: 2.5em;
  padding: 0 1em;
  text-align: center;
  vertical-align: middle;
  width: auto;
  border: none;
  text-indent: 0;
  }
#WebToLeadForm .fila input.button:hover {
  background: #666;
  color: #EEE;
  }
#WebToLeadForm .fila label { 
  display: block;
  margin:0 0 0.25em 0; 
  width: 100%;
  }
#WebToLeadForm .fila select option { 
  width: 100%;
  background: #FFF;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 0.25em;
  border-bottom: 1px dotted #CCC;
  vertical-align: middle;
  }
#WebToLeadForm .fila select { 
  background: #FFF;
  border-radius: 5px;
  border:none;
  font-size: 0.8em;
  height: 36px;
  line-height: 36px;
  padding: 0;
  vertical-align: middle;
  width: 100%;
  }
#WebToLeadForm .fila { /*div que contiene los campos*/ 
  display: block;
  margin:0 0 0.5em 0; 
  width: 100%;
  }
#WebToLeadForm { /*form*/ 
  display: block;
  height: auto;
  margin: 1em;
  width:auto;
  }
.advise {
  font-size: 0.8em;
}
/*End CRM Form*/

figure { /*=======image responsive*/
  display: inline-block;
  margin: 0;
}
.imgresp { 
    display: inline-block;
    width: 100%;
    height: auto;
  }
.imgresp a {
  display: inline-block;
  width: auto;
  height: auto;
}
.imgresp img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 0.5em;
  }/*===================end image responsive*/

.videocontainer { /*=======video responsive*/
  height: 0;
  overflow: hidden;
  padding-bottom: 52%;/*56.25 for 4:3*/
  padding-top: 30px;
  position: relative; 
  margin-bottom: 1em;
  margin-top:1em;
}
.videocontainer iframe,
.videocontainer object,
.videocontainer embed,
.videocontainer video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.videocontainer p {
  color: #666;
  font-size: 0.8em;
} /*===================end video responsive*/

/*==================modulecustomdocmen home*/
.moduledocmen .customdocmen ul li a {
  background-image: url('/images/icn_check.png');
  background-position: left middle;
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  line-height: 16px;
  margin: 3px 0;
  text-decoration: none;
  text-indent: 18px;
  vertical-align: middle;
  width: auto;
  color: #333;
}
.moduledocmen .customdocmen ul li a:hover {
  color: #666;
}
.moduledocmen .customdocmen ul li {
  display:block;
  width: auto;
  height: 16px;
  margin: 10px 0;
}
.moduledocmen .customdocmen ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.moduledocmen .customdocmen {
  display: block;
  margin: 0;
  width: 100%;
}
.moduledocmen .padding {
  display: block;
  height: auto;
  margin: 16px;
  width: auto;
}
.moduledocmen h3 {
  color: #333;
  display: block;
  font-size: 0.8em;
  height: 1em;
  line-height: 1em;
  margin: 0 16px;
  text-transform: uppercase;
  vertical-align: middle;
  width: auto;
}
.moduledocmen {
  background: #EEE;
  background-image: url('/images/back_docmen.jpg');
  background-position: right middle;
  background-repeat: no-repeat;
  display: block;
  height: auto;
  max-width: 940px;
  margin: 0 auto;
  padding: 16px 0;
  width: 100%;
  border-radius: 5px;
}
li.itemactos a {

}
li.itemestatutodocente a {

}
li.itemestatutogeneral a {

}
li.itemjustificacion a {

}
li.itemporcentaje a {

}
li.itemreglamentoest a {

}
li.itemvalores a {

}
li.reglamentobienestar a {

}
/*==============end modulecustomdocmen home*/