/*
Theme Name: 		Net-Corporativa
Description: 		Modificacion del Template tweaker para ajustarlo a la forma parecida de la net-corporativa que se tiene. Se crea el sidebar y accesos similares a la NET.
Version: 			1.0.1
Author: 			Hector Rincon
Tags: 				light, dark, two-columns, right-sidebar, fixed-width, threaded-comments, custom-header, custom-menu, custom-background, sticky-post, full-width-template, post-formats, theme-options, translation-ready
License: 			GNU General Public License v2.0
License URI: 		http://www.gnu.org/licenses/gpl-2.0.html
Author URI:			mailto:hector.rincon@fabricasselectas.com.mx
Theme URI:			http://forum.tweaker.co.za/
*/

/* Default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

/* =Reset  - DO NOT make your customization changes in this section.
-------------------------------------------------------------- */
@import url(cssmenu.css);
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol, ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption, th, td{text-align:left;font-weight:normal;}blockquote:before, blockquote:after,q:before, q:after{content:"";}blockquote, q{quotes:"" "";}

/* =Layout - You can start your customization from here on in.
-------------------------------------------------------------- */
body{
font:14px/36px Georgia, "Times New Roman", Times, serif;
line-height:1.8;
color:#444;
}

#contentwrapper{ display: flow-root; }
#contentcolumn:not(.site3){ margin-right: 200px; }
#rightcolumn{ float: right; width: 200px; margin-left: -200px; background: #FFFFFF; }

tr td{ vertical-align: top; }
#container{
	width:100%;
	padding:35px 0 15px 0;
}
#content{
	width:100%;
}
/* byEtosh */
#content.ddp h2{ background-image: none; }
#content.dgf h2{ background-image: none; background-color:#445494; }
#content.dgf table th{ background-color:#8CC63E; }
#content.spandmex h2{ background-image: none; background-color:#A03121; color:#FFFFFF; }
#content h2{
	background-color: #41c8f7;
	background-image: url('images/bg_title.jpg');
	background-repeat: repeat-y;
	color: #fff;
	font-size: 12px;
	padding: 3px;
	font-style: italic;
}
#content h2 a{
	color: #fff;
}
#content-wide{
padding:0 120px;
float:left;
}
#footer-container{
position:relative;
padding:0 15px;
clear:both;
overflow:hidden;
}
#footer-container .widget-title{
margin-top:15px;
}
#footer-container:before { clear:both; content:"\00a0"; }
#footer-left{
width:290px;
float:left;
}
#footer-center{
width:290px;
float:left;
margin:0 40px;
}
#footer-right{
	width:290px;
	float:right;
}
#footer-bottom{
	clear:both;
	text-align:right;
	background:#777;
	background-image:-moz-linear-gradient(bottom,  #666,  #7f7f7f);
	background-image:-webkit-gradient(linear, left bottom, left top, from(#666), to(#7f7f7f));
	color:#fff;
	font-style:italic;
	padding:5px;
	font-size:10px;
}
#footer-bottom a:link,
#footer-bottom a:visited{
color:#fff;
text-decoration:underline;
}
#footer-bottom a:hover,
#footer-bottom a:focus,
#footer-bottom a:active{
color:#fff;
text-decoration:none;
}
#sidebar{
width:180px;
float:right;
border-left: 1px solid #efefef;
padding-left: 1em;
margin-left: 1em;
}
/* byEtosh */
#sidebar ul{
	list-style:none;
	margin: 0;
}
#wrapper{ margin: 25px 25px }
.content-container{
clear:both;
width:100%;
overflow:hidden;
margin-top:35px;
}
.content-left{
width:45%;
float:left;
}
.content-right{
width:45%;
float:right;
}
.entry-content{
clear:both;
overflow:hidden;
}
#content-wide img{
max-width:720px;
height:auto;
}
#content div.anuncios img, img.anuncio{
max-width:620px;
height:auto;
width:100%;
}
.entry-format-header{
width:618px;
margin:0;
overflow:hidden;
font-style:italic;
}
.entry-format-header .format-header-left{
width:40%;
float:left;
text-align:left;
padding-left:10px;
}
.entry-format-header .format-header-right{
width:40%;
float:right;
text-align:right;
padding-right:10px;
}
.entry-meta{
clear:both;
font-style:italic;
margin-bottom:15px;
}
.entry-meta-single{
clear:both;
font-style:italic;
margin-bottom:20px;
padding:10px 0;
margin-top:25px;
}
.nocomments{
margin-bottom:25px;
text-align:center;
padding:10px 0;
border:1px solid #ddd;
background:#eaf2fa;
}
.entry-title{
clear:both;
font-style:italic;
}
.nav{
clear:both;
padding:0 5px;
overflow:hidden;
margin:15px 0;
font-style:italic;
}
.nav-left{
width:50%;
float:left;
}
.nav-right{
width:50%;
float:right;
text-align:right;
}
.archive-results{
overflow:hidden;
padding:10px;
clear:both;
border:1px solid #ddd;
background:#eaf2fa;
margin-bottom:35px;
text-align:center;
}
.post{
clear:both;
margin-bottom:55px;
}
#single{
clear:both;
width:100%;
margin:20px 0;
}
.single-block{
clear:both;
}
.sticky{
padding:10px;
border:1px solid #dd;
background:#eaf2fa;
background:-moz-linear-gradient(bottom,  #fff,  #eaf2fa);
background:-webkit-gradient(linear, left bottom, left top, from(#fff), to(#eaf2fa));
-moz-border-radius:15px;
border-radius:15px;
}
#header {
	width: 1024px;
	height: auto;
	overflow: hidden;
	position: relative;
}
#headerEx{ width: 1024px; }
#header a.caption-info div {
	position: absolute;
	right: 0; bottom: 0;
	display: inline-block;
	color:red;
}
#header a.caption-info:hover{ color:red; }
#header div.h-ads { margin-bottom:5px; }
#title {
	background-image: url("images/label-header.png");
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	font-size: 22px;
	height: 43px;
	width: 384px;
	position: absolute;
	top: 20px;
	z-index:999;
}
#title a {
	color: #666;
	margin-left: 155px;
	text-decoration: none;
}
#search {
	width:255px;
	float:right;
	padding-top:25px;
}
/* =Calendar
--------------------------------------------------------- */
#wp-calendar{
empty-cells:hide;
margin:0 auto 0;
width:100%;
}
#wp-calendar #next a{
padding-right:10px;
text-align:right;
}
#wp-calendar #prev a{
padding-left:10px;
text-align:left;
}
#wp-calendar a{
display:block;
text-decoration:none;
}
#wp-calendar caption{
font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align:center;
margin:0 0 10px 0;
font-weight:normal;
font-size:16px;
width:100%;
}
#wp-calendar td{
padding:3px 0;
text-align:center;
}
#wp-calendar th{
font-weight:normal;
text-align:center;
text-transform:capitalize;
}
/* =Comments
------------------------------------------------------------------ */
ol.commentlist{ 
list-style:none; 
margin:0 0 0 0; 
padding:0; 
text-indent:0; 
}
ol.commentlist .bypostauthor{
}
ol.commentlist li.comment { 
border-bottom:1px solid #ccc; 
padding:10px 10px 0 10px;
margin-bottom:10px; 
}
ol.commentlist ul ul li.comment{ 
margin-bottom:0; 
}
ol.commentlist ul ul ul li.comment{ 
margin-bottom:0; 
}
ol.commentlist ul ul ul ul li.comment{ 
margin-bottom:0;
}
ol.commentlist ul ul ul ul ul li.comment{ 
margin-bottom:0; 
}
ol.commentlist li.comment div.comment-author{
text-decoration:none;
border:none;
}
ol.commentlist li.comment div.vcard cite.fn{ 
font-weight:normal;
text-decoration:none;
}
ol.commentlist li.comment div.vcard img.avatar{ 
padding:5px;
float:right; 
margin:0 0 10px 10px;
border:1px solid #ccc;
}
ol.commentlist li.comment div.vcard span.says{
font-style:italic;
}
ol.commentlist li.comment div.comment-meta a{
text-decoration:none;
border:none;
}
ol.commentlist li.comment p{ 
margin:0 0 10px; 
}
ol.commentlist li.comment ul{ 
list-style:square; 
}
ol.commentlist li.comment div.reply{
font-style:italic;
}
ol.commentlist li.comment ul.children{ 
list-style:none; 
margin:10px 0 0; 
text-indent:0; 
}
.commentlist li ul.children li.depth-2,
.commentlist li ul.children li.depth-3,
.commentlist li ul.children li.depth-4,
.commentlist li ul.children li.depth-5,
.commentlist li ul.children li.depth-6,
.commentlist li ul.children li.depth-7,
.commentlist li ul.children li.depth-8,
.commentlist li ul.children li.depth-9,
.commentlist li ul.children li.depth-10,
.commentlist li.comment{
padding: 10px;
border:1px solid #ccc;
}
ol.commentlist li.trackback,
ol.commentlist li.pingback{
padding:10px;
margin-bottom:10px;
border: 1px solid #ccc;
}
ol.commentlist li.trackback cite,
ol.commentlist li.pingback cite{
text-decoration:none;
font-weight:normal;
}
ol.commentlist .comment-meta{
font-style:italic;
margin:5px 0 10px 0;
}
ol.commentlist li.trackback .reply,
ol.commentlist li.pingback .reply{
font-style:italic;
}
.comment-notes{
font-style:italic;
}
#respond{
clear:both;
width:100%;
float:left;
margin:10px 0;
overflow:hidden;
padding:15px;
}
#respond label{
font-style:italic;
}
#respond p{
margin-top:0;
}
#cancel-comment-reply-link{
font-weight:normal;
font-size:small;
text-decoration:none;
}
.comment-links{
padding:5px;
margin:0;
font-style:italic;
}
form#commentform{
width:460px;
margin:0 auto;
}
#reply-title{
text-align:center;
}
/* =Forms
---------------------------------------------------------- */
.search input[type=text]{
clear:left;
width:182px;
float:left;
padding: 3px 5px;
margin:0;
border:1px solid #ccc;
}
.search input[type=submit]{
cursor:pointer;
float:left;
padding:3px 5px;
border:1px solid #ccc;
background:#777;
color:#fff;
background-image:-moz-linear-gradient(bottom,  #666,  #7f7f7f);
background-image:-webkit-gradient(linear, left bottom, left top, from(#666), to(#7f7f7f));
margin:0;
}
.search input[type=submit]:hover{
cursor:pointer;
text-decoration:none;
background:#555;
background:-moz-linear-gradient(bottom,  #555,  #3e3e3e);
background:-webkit-gradient(linear, left bottom, left top, from(#555), to(#3e3e3e));
}
#respond .required{
font-weight:bold;
}
#respond label{
font-size: 12px;
}
#respond input{
margin:0 0 9px;
width:98%;
padding:3px 5px;
border:1px solid #ccc;
}
#respond textarea{
width:98%;
padding:3px 5px;
border:1px solid #ccc;
}
#respond .form-allowed-tags{
font-size:12px;
line-height:18px;
}
#respond .form-allowed-tags code{
font-size:11px;
}
#respond .form-submit{
margin:12px 0;
}
#respond .form-submit input{
cursor:pointer;
float:left;
padding:3px 5px;
font-size: 14px;
width:auto;
border:1px solid #ccc;
background:#777;
color:#fff;
background-image:-moz-linear-gradient(bottom,  #666,  #7f7f7f);
background-image:-webkit-gradient(linear, left bottom, left top, from(#666), to(#7f7f7f));
}
#respond .form-submit input:hover{
cursor:pointer;
text-decoration:none;
background:#555;
background:-moz-linear-gradient(bottom,  #555,  #3e3e3e);
background:-webkit-gradient(linear, left bottom, left top, from(#555), to(#3e3e3e));
}
/* =Images
---------------------------------------------------------------- */
.gallery{
margin:0 auto 18px;
}
.gallery .gallery-item{
float:left;
margin-top:0;
text-align:center;
width:33%;
}
.gallery img{
border:2px solid #cfcfcf;
}
.gallery .gallery-caption{
float:left;
width:154px;
color: #444;
font-size:12px;
margin:0 0 12px;
}
.gallery dl{
margin:0;
}
.gallery img{ 
border:10px solid #e1e1e1;
}
.gallery br+br{
display:none;
}
.wp-caption{
overflow:hidden;
max-width:96%;
padding:12px;
height:auto;
background:#ddd;
-moz-border-radius:15px;
border-radius:15px;
}
.wp-caption img{
display:block;
margin:10px auto;
max-width:98% !important;
height:auto !important;
}
.wp-caption .wp-caption-text{
margin-bottom:6px;
text-align:center;
position:relative;
}
.aligncenter,
.center{
display:block;
margin:20px auto;
}
.alignleft,
.left{
float:left;
margin:10px 15px 0 0
}
.alignnone{
clear:both;
margin:20px 0 0 0;
}
.alignright,
.right{
float:right;
margin:10px 0 0 15px;
}
img.wp-smiley{
border:none;
margin:0;
max-height:12px;
padding:0;
}

/* =Headings
----------------------------------------------------------- */
h1{
font-size:36px;
}
h1,h2,h3,h4,h5,h6{
font-weight:700;
margin-bottom:10px;
}
h2{
font-size:24px;
}
h3{
font-size:22px;
}
h4{
font-size:20px;
}
h5{
font-size:18px;
}
h6{
font-size:16px;
}
p{
margin-bottom:15px;
}
#site-title{
padding:3.65625em 0 0;
}
#site-title a {
margin:0;
padding:0;
}
/* =HTML
--------------------------------------------------- */
acronym,abbr{
cursor:help;
text-transform:uppercase;
}
address{
font-style:italic;
margin:0 0 20px;
}
big{
font-size:120%;
}
blockquote{
background:url(images/blockquote.png) left top no-repeat;
padding:0 0 0 30px;
}
cite{
font-weight:700;
text-decoration:underline;
}
code{
font:.9em Monaco, monospace, Courier, "Courier New";
}
del,strike,s{
text-decoration:line-through;
}
em,q{
font-style:italic;
}
pre{
font:.9em Monaco, monospace, Courier, "Courier New";
line-height:20px;
margin-bottom:20px;
overflow:auto;
padding:9px;
}
pre code{
font-size:1em;
}
q:before,q:after{
content:'"';
}
small,sup,sub{
font-size:80%;
}
strong{
font-weight:700;
}
sub{
position:relative;
top:4px;
vertical-align:baseline;
}
sup{
bottom:4px;
position:relative;
vertical-align:baseline;
}
/* =Links
--------------------------------------------------------------- */
a:link,a:visited{
color:#21769b;
text-decoration:none;
}
a:hover,a:focus,a:active{
color:#d54e21;
}
h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited,h5 a:link,h5 a:visited,h6 a:link,h6 a:visited {
color:#444;
text-decoration:none;
}
h2 a:hover,h2 a:focus,h2 a:active,h3 a:hover,h3 a:focus,h3 a:active,h4 a:hover,h4 a:focus,h4 a:active,h5 a:hover,h5 a:focus,h5 a:active,h6 a:hover,h6 a:focus,h6 a:active {
text-decoration:none;
border-bottom:1px solid #444;
color:#444;
}
/* =Lists
---------------------------------------------------------- */
dd{
padding:0 0 0 20px;
}
dl{
margin:0 0 24px;
}
dt{
font-weight:700;
margin:10px 0;
}
ul{
list-style:square;
margin:0 0 0 20px;
padding:0;
}
ol{
list-style:decimal;
margin:0 0 0 25px;
}
ol li{
padding-left:5px;
}
ul ul,ol ol,ul ol,ol ul{
margin-bottom:0;
padding-bottom:0;
}
/* =Menu
------------------------------------------------------------- */
#access{
	display: block;
	width: 100%;
	position: absolute;
	top: 80px;
}
#access ul{
	font-size: 10px;
	list-style: none;
	margin: 0 0 0 0;
	padding-left: 0;
	font-size: 16px;
	
}
#access li{
	float: left;
	background: #0079bc;
	background-image :-moz-linear-gradient(bottom,  #0079bc,  #DFDFDF);
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#access ul.children li, #access .current_page_item ul.children a{
	background: none;
	color: white;
}
#access a{
	display:block;
	line-height:3.333em;
	padding:0 1.2125em;
	color:#fff;
	text-decoration:none;
	border-right:1px solid gray;
	border-left:1px solid white;
}
#access ul ul{
	display: none;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 100%;
	background-color: #555;
	z-index: 99999;
}
#access ul ul ul{ left:100%; top:0; }
#access ul ul a{
	font-size: 14px;
	font-weight:normal;
	height:auto;
	line-height:1em;
	padding:10px 10px;
}
#access ul li:hover > ul{ display: block; }
#access ul ul li:hover > a, #access li.current_page_item li:hover > a {
	color: yellow;
}
#access li:hover > a {
	color: #fff;
	background: #555;
	background: -moz-linear-gradient(bottom,  #555,  #3e3e3e);
	background: -webkit-gradient(linear, left bottom, left top, from(#555), to(#3e3e3e));
}
#access > ul > .current_page_item a{
	color: black;
	background: #9dc1d5;
	background: -moz-linear-gradient(bottom,  #ffffff,  #9dc1d5);
}


/* =Miscellaneous
------------------------------------------------------- */
.more-link{
line-height:4;
font-style:italic;
}
.page-link,
.page-numbers{
clear:both;
font-style:italic;
margin:15px 0 25px 0;
}
.page-link a,
.page-numbers a{
padding:0 5px 5px 5px;
border:1px solid #ddd;
}
.page-link a:hover,
.page-numbers a:hover{
background:#eee;
}
.required{
color:#ff0000;
}
/* =Post-Formats
-------------------------------------------------------- */
.format-aside,
.format-audio,
.format-chat,
.format-gallery,
.format-image,
.format-link,
.format-quote,
.format-status,
.format-video{
padding:10px;
border:1px solid #ddd;
background:#eaf2fa;
background:-moz-linear-gradient(bottom,  #fff,  #eaf2fa);
background:-webkit-gradient(linear, left bottom, left top, from(#fff), to(#eaf2fa));
-moz-border-radius:15px;
border-radius:15px;
}
/* =Tables
--------------------------------------------------- */
#content table{
border-collapse:collapse;
border:1px solid #ddd;
border-top:none;
width:100%!important;
margin-bottom:15px;
}
#content table caption{
font-weight:700;
text-align:left;
}
#content table th{
font-weight:700;
text-align:left;
border-bottom:1px solid #ddd;
}
#content table th,#content table td{
border:1px solid #ddd;
border-bottom:none;
padding-left:5px;
}
#content table.galeria th,#content table.galeria td{ vertical-align: middle; }
#content table.doctosiso td#content-doctos { max-width: 23em; min-width: 23em; width: 23em; }

/* =Widgets
------------------------------------------------------- */
.widget{
clear:both;
margin-bottom:15px;
overflow:hidden;
}
.widget-title{
clear:both;
font-style:normal;
font-weight: normal;
margin-bottom:15px;
font-size: 12px;
color: #41C8F7;
background-color: #EFEFEF;
}
.widget ul{
list-style:none;
margin:0;
padding:0;
}
.widget ul li a{
padding-left:15px;
background:url(images/arrow.png) left 12px no-repeat;
display:block;
border-bottom:1px solid #ddd;
}
#recentcomments li a{
background:#fff;
}
.widget ul li:first-child{
border-top:1px solid #ddd;
}
.widget ul ul li:first-child,
.widget ul ul ul li:first-child,
.widget ul ul ul ul li:first-child,
.widget ul ul ul ul ul li:first-child{
border-top:none;
}
.widget ul ul li a{
padding-left:30px;
background:url(images/arrow.png) 15px 12px no-repeat;
}
.widget ul ul ul li a{
padding-left:45px;
background:url(images/arrow.png) 30px 12px no-repeat;
}
.widget ul ul ul ul li a{
padding-left:60px;
background:url(images/arrow.png) 45px 12px no-repeat;
}
.widget ul ul ul ul ul li a{
padding-left:75px;
background:url(images/arrow.png) 60px 12px no-repeat;
}
.widget ul li a:hover{
text-decoration:none;
padding-left:15px;
background:#eaf2fa url(images/arrow.png) left 12px no-repeat;
}
.widget ul ul li a:hover{
padding-left:30px;
background:#eaf2fa url(images/arrow.png) 15px 12px no-repeat;
}
.widget ul ul ul li a:hover{
padding-left:45px;
background:#eaf2fa url(images/arrow.png) 30px 12px no-repeat;
}
.widget ul ul ul ul li a:hover{
padding-left:60px;
background:#eaf2fa url(images/arrow.png) 45px 12px no-repeat;
}
.widget ul ul ul ul ul li a:hover{
padding-left:75px;
background:#eaf2fa url(images/arrow.png) 60px 12px no-repeat;
}
.widget img{
max-width:300px;
height:auto;
}
/* =WP-PageNavi
------------------------------------------------------------- */
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active{
margin:2px;
padding:2px 4px;
text-decoration:none;
}
.wp-pagenavi span.current {
font-weight:700;
margin:2px;
padding:2px 4px;
}
.wp-pagenavi span.extend{
margin:2px;
padding:2px 4px;
}
.wp-pagenavi span.pages{
padding:2px 4px;
margin-right:3px;
}
/* =Skip link
-----------------------------------------------------------------*/
#skip a{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
#skip a:focus{
position:static;
width:auto;
height:auto;
}
.single-page{
padding:0;
border:none;
background:#fff;
}

/* =Botones APP
-------------------------------------------------------------------*/
a.boton-app div{
	width: 390px;
	height: 69px;
	background-repeat: none;
}
a.boton-app:hover div{ background-position: bottom; }

/* =Tabla directorio General
-------------------------------------------------------------------*/
table.directorio{ font-size:12px; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
table.directorio thead{ background:url('images/bg_top.png'); color: #FFFFFF; font-weight: bold; }
table.directorio thead td{ text-align: center; padding: 3px; }
table.directorio tbody td.depto{ text-align:center; font-size: 1.2em; font-weight: bold; }
table.directorio tbody tr.linea1{ background-color: #EAF9FF; }
table.directorio tbody tr.linea2{ background-color: #d3f9ff; }
table.directorio tbody td:nth-child(3) span { display:none; font-size:11px; line-height:14px; }
table.directorio tbody td:nth-child(4) { min-width: 8em; }

/* =Tabla para visualizar politicas
-------------------------------------------------------------------*/
table.tdocto{ font-size:12px; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
table.tdocto thead tr { background-color: #EAF9FF; }
table.tdocto thead td {text-align: center; }
table.tdocto tr.subtitle{ background-color: #d3f9ff; }

/* =Espacio para documentos de Referencia
-------------------------------------------------------------------*/
#content table tr td#content-doctos{ font-size: 10px; }
#content table tr td#content-doctos ul{ list-style: none; margin: 0; }
#content table tr td#content-doctos ul li{ border-bottom: 1px solid #d3f9ff; white-space: normal; }
#content table tr td#content-doctos ul li:hover{ background-color: #EFEFEF; }
#content table tr td#content-doctos ul li a{ display: block; }

/* =Botones del Directorio
-------------------------------------------------------------------*/
ul#dirfabsel{ list-style: none; margin: 0; }
ul#dirfabsel li{ width: 125px; height: 40px; background: url('images/btn_general.png'); background-repeat: none; float:left; }
ul#dirfabsel li a{ display:block; text-align: center; color: #FFFFFF; line-height: 40px; font-size: 14px; }

/* =Formato para cumpleaños y aniversarios
-------------------------------------------------------------------*/
/*table.cumple{ width: 755px!important; }
table.aniversario{ width: 755px!important; }

table.img_cumple1{ background: url('images/bg/cumple.jpg'); }
table.img_cumple2{ background: url('images/bg/cumple1.jpg'); }

table.img_aniv1{ background: url('images/bg/aniversario.jpg'); background-position:right bottom; }
table.img_aniv2{ background: url('images/bg/aniversario1.jpg'); background-position:right bottom; }

h1.color{ color: #FFFFFF; }
h1.color1{ color: #4c84bd; }
h1.color2{ color: #bce889; }
h1.color3{ color: #7a007e; }
h1.color4{ color: #eb7e15; }
h1.color5{ color: #9eba65; }
h1.color6{ color: #35caf5; }

div.item{ float: left; width: 370px; }
table.aniversario div.item{ color: #EFEFEF; }
table.aniversario div.item .titulo2{ color: #f9ff00; }
div.item .titulo, div.item .titulo2{ font-size: 12px; font-weight: bold; text-align: center; }
div.item .titulo2{ padding-bottom: 15px; padding-top: 5px; }
div.item .linea{ font-size: 10px; clear: both; }
div.item .linea div{ height: 1.3em; float: left; overflow: hidden; line-height: 1.4em; }
div.item .linea div.dia{ width: 15px; }
div.item .linea div.anios{ width: 30px; }
div.item .linea div.nombre{ width: 200px; }
div.item .linea div.depto{ width: 125px; }

.content_cumplehoy { margin:0 auto; }
.content_cumplehoy .image { display: inline-block; width: 50px; height: 50px; float: left; }
.content_cumplehoy h3 { text-align: center; }
.content_cumplehoy ul > li { white-space: nowrap; }
.content_cumplehoy ul > li span { display:inline-block; width:6em; }
.content_cumplehoy ul > li div { font-size: 9px; line-height: 8px; text-align: center; font-style: italic; }
.content_cumplehoy .cumple01 { background: url('images/icons/cumple(01).jpg'); }
.content_cumplehoy .cumple02 { background: url('images/icons/cumple(02).jpg'); }
.content_cumplehoy .cumple03 { background: url('images/icons/cumple(03).jpg'); }
.content_cumplehoy .cumple04 { background: url('images/icons/cumple(04).jpg'); }
.content_cumplehoy .cumple05 { background: url('images/icons/cumple(05).jpg'); }
.content_cumplehoy .cumple06 { background: url('images/icons/cumple(06).jpg'); }
.content_cumplehoy .cumple07 { background: url('images/icons/cumple(07).jpg'); }
.content_cumplehoy .cumple08 { background: url('images/icons/cumple(08).jpg'); }
.content_cumplehoy .cumple09 { background: url('images/icons/cumple(09).jpg'); }
.content_cumplehoy .cumple10 { background: url('images/icons/cumple(10).jpg'); }
.content_cumplehoy .cumple11 { background: url('images/icons/cumple(11).jpg'); }
.content_cumplehoy .cumple12 { background: url('images/icons/cumple(12).jpg'); }
.content_cumplehoy .cumple13 { background: url('images/icons/cumple(13).jpg'); }
.content_cumplehoy .cumple14 { background: url('images/icons/cumple(14).jpg'); }
.content_cumplehoy .cumple15 { background: url('images/icons/cumple(15).jpg'); }
*/
/* =Frase del Día
-------------------------------------------------------------------*/
.frase{ display: inline-block; margin-bottom: 1em; }
.frase h3 { font-size: 1.2em; color: #0079BC; border: padding: 3px; margin: 0;  line-height: 1em; }
.frase span { float:right; display: inline-block; font-style:italic; margin-top: -0.2em; }


/* =Formato para reportes
-------------------------------------------------------------------*/
ul.reporting, ul.reporting li ul { list-style: none; }
ul.reporting li ul { display: none; }
ul.reporting a { padding-left: 35px; background-repeat: no-repeat; background-position: left bottom; }
ul.reporting a.folder { background-image: url('images/images/icono_close.jpg'); }
ul.reporting a.abierto { background-image: url('images/images/icono_open.jpg'); }
ul.reporting li a.report { background-image: url('images/images/icono_docto.jpg'); }

.icon_mail{ text-decoration: none; width: 16px; height: 16px; display: inline-block; background-image: url('images/icons/ic_mail.png'); background-repeat: no-repeat; padding-left: 3px; }
button.opSign{ float:right; background:none; }
button.opSign div{ width:32px; height:16px; background-position:left; }
button.opSign.sQR div{ background-image:url(images/icons/ic_qr_sign.png); }
button.opSign.sEC div{ background-image:url(images/icons/ic_eco_sign.png); }
button.opSign.sGC div{ background-image:url(images/icons/ic_sgc_sign.png); }
button.opSign div.activo{ background-position:right; }

/* =Formato para barras
--------------------------------------------------------------------*/
div.barra{ width:100%; border-bottom:1px solid #DDDDDD; }
div.barra div{ display:inline-block; }
div.barra span{ white-space: nowrap; background-color:blue; display:inline-block; color:white; text-align:center; font-size:12px; }
div.barra .col1{ width:30%; min-width:30%; }
div.barra .col2{ width:50%; min-width:50%; vertical-align:top; }
div.barra .col3{ width:18%; min-width:18%; white-space:nowrap; }

/* =Formato para lista de logos
---------------------------------------------------------------------*/
ul.list_logos { list-style:none; }
ul.list_logos li { border-bottom:1px solid #A5CCF7; font-size: 16px; }
ul.list_logos li div { display:inline-block; width:80%; }
ul.list_logos li div * { display:inline-block; }
ul.list_logos li span { float:right; }

/* =Anuncios Pantalla de Inicio
----------------------------------------------------------------------*/
div.anuncios { display:block; width: 100%; margin:0; padding: 0; }
div.anuncios div.celda{ display:block; float:left; width:50%; }

/* =Dos columnas
----------------------------------------------------------------------*/
div.columnas { display:block; width:100%; margin:0; text-align:center; }
div.columnas div.columna{ display:block; float:left; width:50%; }
div.columnas div.columna span { padding:1em; display:inline-block; }

/* =Slider Video 
-----------------------------------------------------------------*/
div.cycloneslider-slide.cycloneslider-slide-custom video {
	max-width: 1200px; max-height: 700px; width: 100%;
}


/* =Responsive Rules
-----------------------------------------------------------------*/

@media (max-width: 1084px) {
	#header, #headerEx{ width: 100%; /*height: 100%;*/ }
}

@media (max-width: 1024px) {
	#acceso ul{ font-size: 14px; }
	#acceso ul ul a { font-size: 12px; }

	#content table.doctosiso > tbody > tr > td { display:block; }
	#content table.doctosiso td#content-doctos { border:0 none; margin:0; max-width:100%; min-width:100%; padding:0; width:100%; }
}

@media (max-width: 895px) {
	#acceso ul{ font-size: 12px; }
	#acceso ul ul a { font-size: 10px; }
}

@media (max-width: 780px) {
	#wrapper{ margin: 0; }
	#maincontainer{ padding-left: 20px; padding-right: 20px; }
	#contentwrapper{ float: none; display: block; }
	#contentwrapper:before{ display: block; clear: both; height: 20px; content: ""; }
	#contentcolumn:not(.site3){ margin-right: 0; float:none; }
	#rightcolumn{ margin: 0; padding: 0; position: relative; top: 0; width: 100%; line-height: 0; }
	    	
	#sidebar { float: none; width:100%; border: 0; margin: 0; padding: 0; }
	#sidebar ul li { display: inline-block; float: none; }
	#sidebar ul li.title-widgets { display: none; }
	.frase { padding: 10px; font-size: 14px; }
}

@media (max-width: 730px) {
	#acceso ul, .content_cumplehoy { font-size: 9px; }
	div.item { width:100%; }
	div.item .linea div.dia { width:5%; }
	div.item .linea div.nombre { width:45%; }
	div.item .linea div.depto { width:50%; }
}

@media (max-width: 600px) {
	#title { position: inherit; top: 0; padding: 5px; }
	#title a { font-size: 14px; }
	#maincontainer{ padding:0; }
	#acceso { position: inherit; top: 0; width: 100%; margin-top: 20px; }

	#acceso ul { background-color: #fff; width: auto; margin: 0 auto; border: 1px solid #203E74; border-bottom: none; }
	#acceso ul li { display: block; clear: both; float: none; border-bottom: 1px solid #203E74;  background: none; }
	#acceso ul li a { background-color: #fff; color: #000; border: 0; font-size: 11px; }
	#acceso ul li ul { position: inherit; border: 0; }
	#acceso ul li ul li { border: 0; text-indent: 2em; }

	#sidebar { overflow-x: scroll; overflow-y: hidden; }
	#sidebar ul { white-space: nowrap; }
	.frase { font-size: 12px; }
	div.anuncios div.celda{ width:100%; }

	#content table.directorio tbody td:not(.depto):nth-child(1):after { content:attr(data-title); display:block; font-size:10px; text-align:center; line-height:10px; }
	#content table.directorio td:nth-child(n+4) { display:none; }
	#content table.directorio td:nth-child(2) { display:none; }
	#content table.directorio td:nth-child(3) span { display:block; }
	#content table.directorio thead td:nth-child(3):after { content:" / EXT. / ASTERISCO / RED"; display:inline; }
}

@media (max-width: 320px) {
	#content table.directorio td[data-title]:not(.depto):nth-child(2n+1) { display:block; border:none; }
	#content table.directorio thead { display:none; }
	#content table.directorio td.depto { display:block; text-align:left; }
	#content table.directorio tbody td:nth-child(3):after { content:""; border-bottom:2px solid #2a87cd; display:block; height:2px; }
}