@charset "utf-8";
/* CSS Document */

/* www.gonzalogoytisolo.com

/* Autor: Manuel Ribera
--------------------------------------------------------------------------- */


/* ESTRUCTURA CON MEN� LATERAL


/* RESET
--------------------------------------------------------------------------- */

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img, :link img, :visited img {border: 0;}
a, a:active, a:visited, img { outline:none; text-decoration:none;     color:#e05b00;}
a:hover { color: #fff;}
img { -ms-interpolation-mode: bicubic;}

/*img, div, li, a { behavior: url(iepngfix.htc); }
a, a:active, a:visited, img { outline:none; text-decoration:none;}*/

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clear { clear:both;}
.espacio { height:100px;}


/* ESTRUCTURA */
body, html{
	margin: 0px;
	padding: 0px;
}
body{
	min-width: 90%; /* Evita que el contenido llegue a ser inalcanzable dentro */
	text-align: justify;
}

/* posici�n: absoluto para todos los navegadores - the whole page scrolls */
div#headerwrap{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 146px;
}

/* posici�n: fijo para navegadores modernos - el header y el footer no enrollan */
body>div#headerwrap{
	position: fixed;
}

div#header{
	height: 146px;
	margin: 0px auto;
}

/* fija un margen izquierdo para compensar IE/Win que hace siempre el sitio para un scrollbar */
div#middlewrap{
	/* fija margen izquierdo y padding inferior para IE5/Win */
	padding: 150px 0 80px 0;
	margin-left: 0;
	/* fija margen izquierdo y padding inferior para otros */
	margin-left: 16px;
	padding-bottom: 0px;
}

/* fija margen izquierdo para navegadores modernos */
html>body #middlewrap{
	margin-left: 0;
	padding-bottom: 80px;
}

/* sidebar + content */
div#middle{
	margin: 0 auto;
	padding-bottom:180px;
}
html>body #middle{
	margin: 0 auto;
	padding-bottom:80px;
}
div#sidebar{
	width: 191px;
	float: left;
	padding: 0px 0px 0px 15px;
}
html>body #sidebar{
	width: 194px;
	float: left;
	padding: 0px 0px 0px 15px;
}
div#sidebar2{
	width: 190px;
	float: right;
	padding: 0px 15px 0px 0px;
}
html>body #sidebar2{
	width: 190px;
	float: right;
	padding: 0px 15px 0px 0px;
}

div#content{
	padding: 0px 0px 80px 0px;
	margin-left: 175px;
	margin-right: 175px;
}

/* ninguna colocaci�n para IE5/Win - las scroll entero de la p�gina */
div#footerwrap{
	width: 100%;
	p\osition: absolute;
	bottom: 0px;
	left: 0px;
	height: 70px;
}

body>div#footerwrap{
	position: fixed;
}

div#footer{
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.00em;
    color: #999;
    padding-top:20px;
	height: 50px;
	margin: 0px auto;
}

/* Ancho de la web, con % da errores en IE */
div#header {
	width: 900px;
	background-image:url(./http://www.sacodementiras.com/blog/photo.jpg);
}
div#middle {
	width: 900px;
}
div#footer{
	width: 900px;
}

/* COLORES GENERALES */
body,html{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #222;
	text-align: justify;
	font-size: 0.85em;		/* Tama�o relativo del texto */
}

/* Bordes y fondos de las capas */
div#header{
	height: 146px;
	background-image: url(../img/bg_header.jpg);
	background-repeat:no-repeat;
}

div#middle{
	background-color:#222;
}

div#sidebar{
	border: 0px;
	font-size: 1.00em;
	margin-top: 151px;
}
div#sidebar2{
	border: 0px;
	font-size: 1.00em;
	margin-top: 10px;
}

div#content{
	border: 0px;
}

div#footer{
background:#222;
}

div#footer a{
color:#999;
}

#btn_cabecera{
width:900px;
height:109px;
float:left;
}
a.btn_index:link, a.btn_index:visited{
width:900px;
height:109px;
text-decoration:none;
display:block;
}
a.btn_index:hover{
text-decoration:none;
}

#idiomas{width:190px; height:15px; margin-top:37px; display:block; float:right; background:url(../img/idiomas.gif) top right no-repeat;
}
#idiomas a{width:18px; height:13px; display:block; float:right; border:solid 1px #222; margin-left:8px;
}
#idiomas a:hover{width:18px; height:13px; display:block; float:right; border:solid 1px #999; margin-left:10px;
}

#red_saco{
width:82px;
height:80px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1.00em;
color:#e35900;
text-align:center;
padding:10px 54px 0px 54px;
margin-top: 20px;
border-top:solid 1px #e35900;
border-bottom:solid 1px #e35900;
}
a.btn_facebook:link, a.btn_facebook:visited{
width:26px;
height:26px;
display:block;
background-image:url(../img/btn_facebook1.jpg);
text-decoration:none;
float:left;
}
a.btn_facebook:hover{
background-image:url(../img/btn_facebook2.jpg);
text-decoration:none;
}
a.btn_twitter:link, a.btn_twitter:visited{
width:26px;
height:26px;
margin:0px 2px;
display:block;
background-image:url(../img/btn_twitter1.jpg);
text-decoration:none;
float:left;
}
a.btn_twitter:hover{
background-image:url(../img/btn_twitter2.jpg);
text-decoration:none;
}
a.btn_rss:link, a.btn_rss:visited{
width:26px;
height:26px;
display:block;
background-image:url(../img/btn_rss1.jpg);
text-decoration:none;
float:right;
}
a.btn_rss:hover{
background-image:url(../img/btn_rss2.jpg);
text-decoration:none;
}
a.btn_email:link, a.btn_email:visited{
width:64px;
height:44px;
display:block;
background-image:url(../img/btn_email1.jpg);
text-decoration:none;
float:left;
margin:12px 0 0 9px;
}
a.btn_email:hover{
background-image:url(../img/btn_email2.jpg);
text-decoration:none;
}
/* ELEMENTOS DEL SUMARIO */

#left_fijo{
width:190px;
height:auto;
float:left;
}
#menu_left{
width: 190 px;
float: left;
padding: 0px 0px 0px opx;
border: 0px;
font-size: 1.00em;
margin-top: 37px;
}

.cursor{
cursor:pointer;
}

.sumario_bottom{
background-image: url(../img/bg_sumario_bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
width:160px;
height:25px;
display:block;
float:left;
border-bottom: solid 10px #fff;
}

#right_fijo{
width:190px;
height:auto;
float:right;
}
#menu_right{
width: 190px;
float: right;
padding: 0px 0px 0px 0px;
border: 0px;
font-size: 1.00em;
margin-top: 10px;
}
.sumario_2{
width:190px;
height:auto;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align:center;
line-height:20px;
color:#e35900;
float:right;
}

.cont_links {
	width: 170px;
	float:left;
	border-top:solid 1px #e35900;
	border-right: solid 10px #222;
	border-left: solid 10px #222;
	background-color:#222;
}

#contacto{
background-image: url(../img/btn_contacto.jpg);
width:160px;
height:73px;
display:block;
margin-bottom:10px;
float:right;
}
a.btn_contacto:link, a.btn_contacto:visited{
width:158px;
height:68px;
display: block;
text-decoration:none;
}
a.btn_contacto:hover{
text-decoration:none;
}

/* Elementos del CENTRO */
#centro{
width:480px;
height:auto;
margin:0 auto;
text-align:left;
}
#centro img{
border:solid 1px #222;
margin:10px 2px 0 2px;
text-align:center;
}
#centro img:hover{
border:solid 1px #fff;
}

#centro p{ margin-bottom:20px;}

#centro img{
border:solid 1px #222;
margin:10px 2px 0 2px;
text-align:center;
}
#centro img:hover{
border:solid 1px #fff;
}

.articulo{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
color:#999;
width:480px;
height:auto;
padding:0px 0px 0px 0px;
margin:0 auto;
float:left;
}

.text_centro{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
color:#999;
width:480px;
height:auto;
padding:0px 0px 0px 0px;
margin:0 auto;
float:left;
}
.tit_centro{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
color:#999;
width:480px;
margin-top:20px;
float:left;
}
.cont_text_centro{
width:480px;
height:auto;
margin:0px;
float:left;
display:block;
}
.text_centro_left{
font-family:Arial, Helvetica, sans-serif;
text-align:right;
color:#999;
width:50px;
height:auto;
padding:0px 10px 0px 0px;
margin:0 auto;
float:left;
}
.text_centro_right{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#999;
width:420px;
height:auto;
margin:0 ;
float:left;
}
.articulo h1, h2{
text-align:left;
}

#contenedor{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
color:#000000;
width:480px;
height:auto;
padding:0px 0px 0px 0px;
margin:0 35 0 auto;
}
html>body #contenedor{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
color:#000000;
width:480px;
height:auto;
padding:0px 0px 0px 0px;
margin:0 auto 80px auto;
}

.base_articulo{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
color:#000000;
width:478px;
height:150px;
background-color:#cccccc;
border:solid 1px #cccccc;
margin:0px auto;
}
.base_articulo p{
padding:10px 10px 0px 0px;
}
.foto_ficha{
float:left;
border:none;
margin-right:15px;
}
a.btn_ficha:link, a.btn_ficha:visited{
font-family:Arial, Helvetica, sans-serif;
color:#e35900;
font-weight:bold;
text-decoration:underline;
}
a.btn_ficha:hover{
color:#e35900;
text-decoration:underline;
}

a.btn_anteriores:link, a.btn_anteriores:visited{
padding: 4px 0px;
text-align:left;
margin:0px;
border-top:solid 1px #97bf0d;
border-right:solid 10px #fff;
border-left:solid 10px #fff;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e35900;
font-weight:bold;
text-decoration:none;
}
a.btn_anteriores:hover{
color:#000;
text-decoration:underline;
}

div#footer p{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 0.75em;
}

/* GENERAL */
img		{border: 0px;}
a:link		{color:#363636; text-decoration: underline;} 	/* no vistado*/
a:visited	{color:#363636; text-decoration: underline;}	/* visitado */
a:hover		{color:#363636; text-decoration: none;} 		/* presionando */
a:active	{color:#363636; text-decoration: none;} 		/* activo, con tabulador */

a.btn_link:link, a.btn_link:visited{
    font-family:Arial, Helvetica, sans-serif;
    color:#565656;
	text-decoration: underline;
}
a.btn_link:hover{
    color:#000;
	text-decoration: underline;
}

h1,h2,h3{
	padding: 0px;
	margin: 0px;
}

h1{
font-size: 2.1em;
font-weight:bold;
color:#e35900;
padding:0px 0px;
border-bottom:solid 1px #e35900;
}

h2{
font-size: 1.4em;
margin-top: 0px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
color:#e35900;
padding:0px 0px;
}

h3{
font-size: 1.4em;
margin-top: 0px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
color:#e35900;
border-bottom:solid 1px #e35900;
padding:0px 0px 10px 0px;
font-style: italic;
margin-bottom:10px;
}
.negrita{
font-weight:bold;
}
.cursiva{
font-style: italic;
}
.p_cita{
text-align:justify;
color:#000000;
width: 458px;
height:auto;
float:left;
border:solid 1px #e35900;
padding:20px 10px;
margin:10px 0px;
}
.pie_foto{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:center;
color:#e35900;
margin-top:0px;
}
.firma_articulo{
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
text-align:justify;
color:#666666;
width:480px;
height:auto;
padding:10px 0px 10px 0px;
border-top:solid 1px #e35900;
border-bottom:solid 1px #e35900;
margin:10px 0px;
float:left;
}

.tit_archivos{
width:480px;
height:30px;
border-bottom:solid 1px #e35900;
float:left;
margin-bottom:10px;
}
.foto_l{
float:left;
margin:0px 6px 0px 0px;
}
.foto_r{
float:right;
margin:0px 0px 0px 6px;
}

p{
	margin-bottom: 0px;
	padding:0px 0px;
}

sup{
font-weight:bold;
color:#e35900;
}


/* Menu Acordeon */

.menu_list { width:190px;}
.menu_head h2 {cursor: pointer; border-left:solid 20px #e35900; background-color:#e35900; color:#fff; margin-bottom:10px; font-size:14px; padding:5px 0px;}
.menu_head h2:hover {background-color:#000; color:#e35900; display:block; border-left:solid 20px #000;}
.menu_body {display:none;  margin-bottom:10px;}
li a.submenu {
padding: 6px 0px;
text-align:left;
margin:0px;
border-top:solid 1px #e35900;
border-right:solid 10px #222;
border-left:solid 10px #222;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e35900;
font-weight:bold;
text-decoration:none;
}
li a.submenu:hover {color:#fff; text-decoration:underline;}
li a.submenusel { background: #e2f3ff; color: #1a6b98; font-size: 0.7em; text-indent: 25px; line-height: 25px;}
li a.submenusel:hover { background: #1a6b98; color: #fff}




/*TEXTO
------------------------------------------------------------------------------*/
.texto{
text-align:left;
width:600px;
height:auto;
display:block;
}
.texto2{
text-align:left;
display:block;
padding-left:40px;
}

a.resize {cursor:url(../img/lupa.gif), pointer !important;}
a.resize img {cursor:url(../img/lupa.gif), pointer !important;}

a.btn_expo:link{ border: 0px;}
a.btn_expo:hover{ border: 0px;}
