/* CSS Document */
/*
Theme Name: Tema-Amarillo
Theme URI:
Description:
Author: OpenSistemas
Version: 1.0
License:
License URI:

*/

/******************************************
				GENERAL 
******************************************/
body{
	width:100%;
	margin:0;
	font-family: Georgia, arial, Times, serif;
	font-size:13px;
	color: #000;
	}
h1{margin:10px 0;font-size:60px;}
h2{color:black;}
h3{}
h4{font-size: 1em;}
h5{}
h6{}
p{font-size:13px;margin:0 0 10px 0;}
input, textarea{font-size:12px;padding:2px;color:#666;font-family:Arial, Helvetica, sans-serif;}
a{color: #999999;text-decoration: none;}
a:visited{}
a:link{}
a:hover{color:#F6E309;}
ul{}
li{list-style:square;}
table{}
tr{}
td{}
th{}
img{border:none;}
clear {clear:both;}

/*Cambiar color segun medio
  tema amarillo > amarillo > #336799 */

color{color:#f6e309;}
colorbg{background-color:#f6e309;}

/*------------------------------------------------Contenedor total del site----------------------------------------------------*/
#site-wrapper{
	width:995px;
	margin:0 auto;
	}
	
/******************************************
				HEADER 
******************************************/
#header{
	height:119px;
	margin:0 0 32px 0;
	}
/*------------------------------banner-top-------------------------------*/
#banner-top{
	height: 90px;
	width:995px;
	text-align:center;
	padding:0px 0px 0px 7px;
	background:url(images/banner-top_bg.png) no-repeat bottom left;
	}
/*------------------------------iframe-menu-------------------------------*/
#iframe-menu{
	}
#iframe-menu iframe{
	width:995px;
	height: 35px; 
	}
#iframe-menu .minicabecera {width:995px !important;}
/*---------------------------------------------container-----------------------------------------------------------*/
#container{
	width:995px;
	background:url(images/fondo-right.png) repeat-y right;
	} 
/*-----------------------------------------content-------------------------------------------*/
#content{
	width:657px;/*ancho total=713px*/
	float:left;
	}
/*------------------------------content-top-------------------------------*/
/*Dónde aparece el logo de la web*/
#content-top{
	height:55px;/*altura total=146px*/}

/*------------------logo------------------------*/
#logo{
	width: 636px;
	padding:10px;
	background:black;
	}
#logo h1,#logo h2{
	color:white;
	font-size:20px;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	}
#logo h3{
	color:white;
	font-size:12px;
	font-style:italic;
	padding: 17px;
	}
#logo a{
	color: white;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 15px 20px 15px 30px;}

#logo img{
	width:635px;}
/*------------------------------content-midlle-----------------------------*/
/*Aqí va todo el contenido central*/
#content-middle{
	padding: 25px 35px 25px 35px;
	}
#content-middle h2 a{
	color:black;
	text-decoration:none;
	}
/*Clases para alinear*/
.entry img{
	display:block;
	max-width:588px;
	}
.entry p{	
	width:588px;
	word-wrap:break-word;	
	}
.entry img{
	display: block;
    max-width: 622px;
    padding: 10px 0 10px;
	}
form .entry img {
	padding:0;
	position:relative;
	top:-7px;
	}

.entry .Author-geoLocation{
	clear:both;
}
/*Clases para alinear*/
.alignleft{
	text-align:left;
	float:left;
	margin: 0 10px 10px 10px;}
.alignright{
	text-align:right;
	float:right;
	margin: 0 10px 10px 10px;}
.aligncenter{
	text-align:center;
	float:inherit;
	margin:0 auto;}
.alignnone{
	margin:0 0 0px 10px;}
/*Estilo para la página de contactos*/
.onwscf-tinymce-box{}
.onwscf-tinymce-box input:focus{
	border:1px solid #666!important;}

.onwscf-tinymce-box label[for^="uName"]{
	 display: block;
    float: left;
    width: 90px;
	margin-right:10px;
	}
.onwscf-tinymce-box #uName{
	width:80%;
	border:1px solid #BBBBBB;
	background:#F4F7FA;}

.onwscf-tinymce-box label[for^="uEmail"]{
	 display: block;
    float: left;
    width: 90px;
	margin-right:10px;
	}
.onwscf-tinymce-box #uEmail{
	width:80%;
	border:1px solid #BBBBBB;
	background:#F4F7FA;
	}
	
.onwscf-tinymce-box label[for^="uMessage"]{
	width:50%;}
.onwscf-tinymce-box #uMessage{
	width:100%;
	background:#F4F7FA;}
	
.onwscf-tinymce-box #uCheck{
	width:30%;
	border:1px solid #BBBBBB;
	background:#F4F7FA;}
.onwscf-tinymce-box img{
	}
	
.onwscf-tinymce-box #uSend{
	float:right;
	border:1px solid #BBBBBB;
	background:#F4F7FA;}
.onwscf-tinymce-box #uSend:hover{
	border:1px solid #666;}
	
#bot-check img{
	width:70px;}
	
/*Clases para los botones de prev y next*/
.navigation{
    padding: 10px 0px 20px 0px;
	min-height: 30px;
	}

.navigation a{
   color:#fff;}
	
.navigation .alignleft,
.navigation .alignright{
	color: #000;
    float: left;
    font-size: 9px;
	height:20px;
    font-weight: bold;
    width: 293px;
	margin:0;
	padding: 0px;
	}

.navigation .alignleft a{
	background: url("images/navegador-left.png") repeat-y scroll 0 0 transparent;
    color: #000;
    float: left;
    min-height: 20px;
    padding: 3px 10px 3px 20px;
}

.navigation .alignright a{
	background: url("images/navegador-right.png") repeat-y scroll right 0 transparent;
    color: #000;
    float: right;
    min-height: 20px;
    padding: 3px 20px 3px 10px;
	}

.navigation .alignleft a:hover,
.navigation .alignright a:hover{
	color:#000;
}
/*Título para las categorías*/
.pagetitle{
	color:#000;
	font-size:20px;
	margin-bottom: 40px;
	}
/*Título de la entrada*/
.title{
	color:black;
	font-size:25px;
	font-weight:bold;
	line-height:25px;
	width: 490px;
	}
/*Clase para los datos debajo del título*/
.postmeta{
	font-size: 11px;
	color:#666;
	}
.postmeta a{
	color:#666;
	text-decoration:underline;
	}
.postmeta a:hover{
	color:#ea3715;
	}

.postdate{
	font-size: 11px;
	color:#666;
	margin-bottom: 20px;
	}
a[rel^="tag"] {
	background:#f6e309;
	color:#000;
	padding:0px 5px;
	text-decoration:none;
	font-weight:bold;}
a[rel^="tag"]:hover {color:white;}

/*Linea de abajo*/
.post,.page{
	 background: url("images/linea-horizontal.gif") no-repeat scroll left bottom transparent;
	 padding: 0 0 40px;
	}
/*Clase para los datos debajo del contenido*/
.postmeta-category{
	font-size: 11px;
    margin: 10px 0 20px;
	color:#666;
	}
.postmeta-category a{
	color:#666;
	text-decoration:underline;
	}
.postmeta-category a:hover{
	color:#ea3715;
	}
.postmeta-category span{
	float:left;
	margin-right:5px;}	
.post-categories{
	height:1px;}
.post-categories li{
	list-style:none;
	margin-right:3px;
	float:left;}
a[rel^="category"] {
	background:#f6e309;
	color:black;
	padding:2px 5px;
	text-decoration:none;
	font-weight:bold;}
a[rel^="category"]:hover {
	color:black;}
/*Para los comentarios*/
.comments_off{
	background: url(images/comments140.png);
        width: 125px;
        height: 28px;
        position: relative;
        left: 490px;
        top: -55px;
        display: block;
        padding: 6px 0 5px 5px;
        font-weight: bold;
        color: #000;
        z-index: 2;
        font-size: 9px;
}
.coment {
	height:0px;
}
.coment a{
	background: url(images/comments140.png);
	width:120px;
	height:35px;
	position:relative;
	left:490px;
	top:-55px;
	display:block;
	padding:4px 0 0 20px;
	font-weight:bold;
	color:#000;
	z-index: 2;
	}
.coment a:hover{
	color:#000;
	}
.comment-background {
  position: relative;
  top: -100px;
  left: 470px;
  background: white;
  width: 150px;
  height: 65px;
  z-index: 1;
  padding: -10px;
  }
#dsq-content h3 {
    font-size: 13px!important;
    font-weight: bold!important;
    margin: 0 0 1.5em;
    position: static;
	color:#000!important;
}
.dsq-comment-footer {
	font-size: 12px;
	margin-top: 10px;
	}
div#dsq-account-dropdown a{
	color:#000;}

select#dsq-sort-select {
	font-size: 11px;
	}


/*Clase para los link de pie de página*/
.cat-links, .comments-link, .edit-link{font-size:11px;}
/*Clase para la fecha que están debajo del título de la entrada*/
.entry-date{
	color:#666666;
	font-size:11px;
	text-decoration:none;
	}
/*Clase para las etiquetas de categoría que están debajo del título de la entrada*/
.byline a{
	color:white;
	background:#ea3715;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	font-size:11px;
	}
/*Leer mas*/
.readmorecontent{
	display: block;
    height: 40px;
	clear: both;
}
.readmore{
	background: url("images/leer-mas.gif") no-repeat scroll right transparent;
	color: #000000;
    display: block;
    float: right;
    font-weight: bold;
	font-size:11px;
    height: 21px;
    left: 50px;
    margin: 0 0px 0 0;
    min-width: 149px;
    padding: 2px 4px 0px 10px;
    position: relative;
    text-decoration: none;
	}
.readmore:hover{
	color:#fff;
	}

/*------------------listados ------------------------*/

/*resultado de busqueda*/
table.tabla_buscador {}
table.tabla_buscador input[name^="phrase"]{
	 border: 1px solid #d4d4d4;
	}
table.tabla_buscador input[name^="Submit"]{
	width:87px !important;
	height:30px;
	border:0;
	color:transparent;
	background:url(images/bot_rtado-buscar.png) no-repeat right;
	}
table.tabla_paginacion {}
table.tabla_paginacion a{
	color:#4171a0;}

table.tabla_listado {
	border-bottom: 1px solid #cfd0cb;
	}
table.tabla_listado td.tabla_titulo {
	font-weight:bold;
	text-align: center;
	background-color:#efefef;
	border-bottom: 1px solid #cfd0cb;
	font-size: 14px;
	}

table.tabla_listado tr:nth-child(odd){ background: #efefef !important;}
table.tabla_listado tr:nth-child(even){ background: #fff !important;}
table.tabla_listado td.celda_avatar img{
	background: url("images/sombra-imagen-slide-content.png") no-repeat scroll center bottom transparent;
	height: 32px;
    padding: 0 0 8px;
    width: 32px;
	}
table.tabla_listado td.celda_texto{}

/******************************************
				SIDEBAR 
******************************************/
#sidebar{
	width: 338px;
	float:left;
	}

#sidebar ul li.categories {
	min-height: 50px;
	padding:0px;
	margin: 15px 0px 0px 0px;
	float: left;
	width:100%;
	}
#sidebar ul li.categories ul{
	min-height: 50px;
	margin: 0px 0px 20px 5px;
	float:left;
	width:100%;
	}
#sidebar ul li.categories ul li.cat-item {	
	list-style-type:none;
	}	
#sidebar ul li ul li a,
#sidebar ul li.categories ul li.cat-item a{	
	border-bottom:dotted black 0.5px;
	font-style:italic;
	list-style-type:none;
	}
	
#sidebar h2{
    color: #000;
    font-size: 18px;
    height: 24px;
    padding: 14px 10px 4px 4px;
    text-decoration: none;
	top:2px;
	list-style:none;
	}

#sidebar ul li h2{
	list-style: none;
	color:#000;
	}
#sidebar h5{
    color: #000;
    font-size: 18px;
    min-height: 24px;
    padding: 14px 10px 4px 4px;
    text-decoration: none;
	top:2px;
	list-style:none;
	font-weight:normal;
	margin-bottom: 0.75em;
	}

#sidebar ul li h5{
	list-style: none;
	color:#000;
	}
#sidebar li li{
	list-style:none;
	color:#000;
	padding:0;
	background:none;
	}

#sidebar li{
	list-style:none;
	color:#efefef;
	background:url(images/linea-horizontal-widget.png) 30% 100% no-repeat;
	padding:0 0 20px 0;
	}

#sidebar li li a,
#sidebar h2 a,
#sidebar ul li h2 a{
    color: #000;
	}
#sidebar a:hover,
#sidebar h2 a:hover,
#sidebar ul li h2 a:hover{
    color: #999;
	}	
/*----------------banner-right-------------------------*/
#banner-right{
	/*height:249px;*/
	padding: 17px 0 0 20px;
	}
/*Para los contenedores de los widgets*/
widget-container {
	list-style:none;}
	
/*--------------Sobre este blog------------------*/
#sobre-este-blog li{
	display: inline-block;
    padding: 0 0 25px;}

#avatar_autor{
	float:right;}
#avatar_autor img{
   	float: left;
    height: 80px;
    margin: 0 0px 10px 20px;
    width: 80px;
}
#link_detalles_autor{
    color: #000;
    float: right;
    font-size: 12px;
    width: 180px;
}
#link_perfil_autor,
#rss_autor,
#contactar,
#accede{
	float: right;
	text-align: right;
    height: 15px;
    margin: 0px;
	padding:0px;
	width: 200px;
	font-size:11px;
}
#link_perfil_autor a,
#rss_autor a,
#contactar a,
#accede a{
	color: black;
    text-decoration: underline;
}

#accede a span{font-size:12px;}

/*-------------Para el buscador-----------------*/
/*Para los cada título */	
#search{}
#searchform{
	padding: 0 0 20px 5px;
    width: 290px;
	}
.screen-reader-text{display:none;}
#s{
	border:none;
    height: 38px;
    width: 200px;
	float:left;
	background:url("images/campo-search.gif") no-repeat;
	padding:0 0 0 20px;
	}
#searchsubmit{
	width:38px;
	height:38px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left:0.5px solid #eee;
	padding:0px;
	color: #000;
	}
	
/*---------Estilo para el calendario------------*/
#wp-calendar caption{
	color: #666;
	text-align:center;
	font-weight:bold;
	font-variant: small-caps;}

#wp-calendar a {color:black; text-decoration: underline;}
#wp-calendar tbody td {
    background: none repeat scroll 0 0 #fff;
    color: black;
    height: 40px;
    padding: 0 0;
    text-align: center;
    vertical-align: middle;
    width: 40px;
	border:solid 4px #EFEFEF;
}
#wp-calendar th {
	color:white;
	 padding: 10px;
	}

#wp-calendar .pad{
		background:#EFEFEF;
 }

#wp-calendar thead {
	display:none;}
#wp-calendar tbody {
    width: 310px;
}
#wp-calendar tbody td a {
    text-decoration: underline;
	color:#333;
}
#wp-calendar tbody td a:hover {
	color:#333;
	}

#wp-calendar tbody td#today {
     background: url("images/fecha-marcada.png") no-repeat scroll 50% 50% #EFEFEF;
    color: #333;
    height: 14px;
    padding: 10px 0 14px 0;
    position: relative;
    text-decoration: none;
	font-weight:bold;
}
#wp-calendar tbody td#today a{
	color:#333;
	}
#calendar_wrap{}

#wp-calendar .pad{
	margin:2px;
	width:32px;
	height:32px;

	}
#wp-calendar td{
	margin:2px;
	width:32px;
	height:32px;
	}

#wp-calendar tfoot {
	background:#EFEFEF;
}
#wp-calendar tfoot td,#wp-calendar tfoot{}
#wp-calendar tfoot td,#wp-calendar tfoot a{
	color:#666;
	font-weight:bold;
	font-size:11px;
	}
#wp-calendar tfoot td#prev {
	text-align: left;
	}

#wp-calendar tfoot td#next {
	text-align: right;
	}	


/*---------Redes Sociales------------*/
#content .addthis_toolbox { 
	margin: 20px 0 20px 0px;
}

#content .addthis_toolbox .custom_images a{ 
	width: 35px;
	float:left;
}

#sidebar .addthis_toolbox { 
	margin: 20px;
	text-align: center;
}

#sidebar .addthis_toolbox .custom_images a{ 
    width: 35px;
	float:left;
}
/*---------Widgets rss------------*/
#sidebar li.widget_rss li{
	background:none;
	}
	
/*---------Global tags------------*/
#sidebar .widget_global_site_tags .box_tags {
    padding: 0 1.5em;
	}
	
#sidebar .widget_global_site_tags a{
     border-bottom: 0.5px dotted #000;
    font-style: italic;
    list-style-type: none;
	color:#000;
	margin-right:2px;
	line-height: 35px !important;
	}

#sidebar .widget_global_site_tags a:hover{
    font-style: italic;
    list-style-type: none;
	color:#666;
	}
/*tagcloud*/

/*---------Nube tags------------*/
#sidebar .widget_tag_cloud .tagcloud {
    padding: 0 1.5em;
	}
#sidebar .widget_tag_cloud a{
    border-bottom: 0.5px dotted #000;
    font-style: italic;
    list-style-type: none;
	color:#000;
	}

#sidebar .widget_tag_cloud a:hover{
    font-style: italic;
    list-style-type: none;
	color:#666;
	}
	
.tagcloud h4 {
	display: inline;
}

/*------------------login------------------------*/
#fancy_content #authVocentoID_header {
	width:550px !important;
	margin: 5px 0px 35px 0px !important
	}

#fancy_ajax form {
	padding: 0px !important;
}
 
#fancy_content label[for^="queid_u"],
#fancy_content label[for^="passtyped"] {
	color:#336799;
	font-size:18px;
	}

#fancy_content .login_name,
#fancy_content .login_passw {
	float:left;
	width:510px;
	margin: 0px 20px;
	}
	
#fancy_content input#queid_u,
#fancy_content input#passtyped {
	width: 500px;
	border: 1px solid #bbb;
	background-color:#f4f7fa;
	}
	
#fancy_content .login_recuerdadatos {
	width: 200px;
	height:40px;
	float:left;
	margin: 10px 20px;
	}

#fancy_content .login_recuerdadatos input#queid_r{
	width: 20px !important;
	border: 0;
	}
	
#fancy_content .login_recuerdadatos label[for^="queid_r"]{
	width: 20px;
	}

#fancy_content .login_botini {
	width: 138px;
	height:20px;
	float:right;
	margin: 10px 20px;
	}	
#fancy_content .login_botini input#botiniciar{
	width:121px !important;
	height:32px;
	border:0;
	color:transparent;
	background:url(images/bot_iniciar_sesion.png) no-repeat top left;
	cursor:pointer;
	}

#fancy_content .login_olvidopass {
	width:530px !important;
	height:30px;
	float:left;
	background-color:#eaf0f5;
	padding: 10px 0px 0px 20px; 
	color:#4171a0;
	}	
#fancy_content .login_olvidopass a{
	color:#4171a0;
	font-size: 12px;
	}	

/******************************************
				PIE DE PAGINA 
******************************************/

/*Para el título de la web*/
#footer{display:none;}
/**Para el mensaje de wordpress*/
#footer2{display:none;}
/*barra vocento id*/
#vocentoid_controlbar li{list-style:none;}
	
/*pie de vocento*/
.pie{ width:995px; margin:0px auto; position:relative; text-align:left; clear:both; background: url(images/rd.bg_pie.png) repeat-y right; min-height:10px;}
.pieIN{ background: url(images/rd.bg_pie.jpg) repeat-x top; padding:15px 0 0 0; min-height:280px;}

.pie_izq{ float:left; width:160px; min-height:10px;}
.pi_vocento { position:absolute; left:11px; top:30px; text-indent:-9999px; display:block; width:75px; height:14px; background: url(images/rd.pie_vocento.png) no-repeat 0 0;}
.pi_sarenet { position:absolute; left:11px; top:50px; display:block; display:block; width:119px; height:12px; background: url(images/rd.pie_sarenet.png) no-repeat 0 0;}
.pi_sarenet img{display:none;}

.pie_datos{ float:left; width:480px; padding:10px 0 0 0}
.pie_datos h6{ display:block; margin:0 0 5px 0}
.pie_legal{ font-size:11px; color:#666; padding:0 0 10px 0; line-height:14px;}
.pie_reservados{ font-size:10px; color:#9C9C9C; padding:0 0 10px 0; line-height:13px;}

.pie_enlaces{ font-size:11px; color:#333; text-align:center; margin:0 auto;}
.pie_enlaces li{ display:inline;}
.pie_enlaces li a{ color:#333; text-decoration:none;}

.pie_enlaces_vocento{ float:right; width:320px;}
.pie_enlaces_vocento h6{ font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; padding:8px 10px;}
.pie_enlaces_vocento ul{ padding:0px 8px 0 8px; line-height:13px;width:300px; list-style:none; list-style-type:none}
.pie_enlaces_vocento li{ float:left; width:49.5%; list-style:none; list-style-type:none}
.pie_enlaces_vocento li a{  display:block; font-size:10px; color:#9C9C9C; padding:0 5px; text-decoration:none; overflow:hidden; height:14px;}


/******** clases que vienen en los post *****/

/* imagenes */ 
img { border: 0; }
img.imgdcha, img.imgDer { float: right; margin: 6px 6px 6px 11px; border: 1px solid #D7D7D7; padding: 1px; }
img.imgizqda, img.imgIzq { float: left; margin: 0px 14px 6px 0px; border: 1px solid #D7D7D7; padding: 1px; }
img.imgcen, img.imgCen { display: block; margin: 0px auto 20px auto; border: 1px solid #D7D7D7; padding: 1px; }



@media(max-width: 1000px) {

.pie_enlaces_vocento {
    float: right;
    width: 100%;
}

.coment a {
  
    display: none;
}

.title {

    width: 100%;
}

.pie_datos {
    width: 100%;
    padding: 10px 0 0 0;
}

.entry p {
    width: 100%;
    word-wrap: break-word;
}

#logo {
    width: 100%;
	padding-left:0px;
	padding-right:0px;
}

#header {
    height: auto !important;
    margin: 0px !important;
}

#banner-top {
    height: 90px;
    width: 100%;
    text-align: center;
    padding: 0px 0px 0px 7px;
    background: url(images/banner-top_bg.png) no-repeat bottom left;
	display:none;
}
.pie {
    width: 100%;

    background: none;
 
}

iframe {
    width: 100% !important;
}



#logo h1, #logo h2 {
      padding: 0px;
    width: 100%;
    text-align: center;
}

#logo a {

    float: none !important;

    margin: 0px;
}

#logo h3 {

    width: 100%;
	display:none;
}

#site-wrapper {
    width: 100%;
    margin: 0 auto;
}

	div#container {
		width: 100%;
		background-size: 100%;
	}
	
	div#content {
    width: 100%;
}

div#sidebar {
    width: 100%;
}

#sidebar h2, #sidebar h5 {
    background-color: #f6e309;
}
.coment a{
display:none !important;
}

object,embed{
max-width: 100% !important;
}


}