/* CSS Document */
@media screen {

body {
	background-color: #ECECD8;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left: 0px;
	margin-top: 0px;
}
 
img {
margin-bottom: 0px;
margin-top:0px;
padding-bottom:0px;}

img.icons {
border:0px;
margin-top:15px;
margin-bottom:5px;
}

#illustration {
float:left;
margin:0px 10px 10px 30px;
}

* html #illustration {
margin-left:18px;
}

.itemillustration {
float:left;
margin:0px 10px 10px 5px;
}

* html .itemillustration {
margin-left:5px;
}

hr {
width:85%;
margin-top:6px;
float:right;
display:block;
color:#808040;
}

/******************   Figura de FONDO ************************************************************************/

#fondo { /* Div que contiene la foto del fondo */
background-image:url(secundario/fondo.jpg);
background-color:#C2D5DC;
background-repeat:repeat-x;
width:960px;
height: 2000px;
position:absolute;
left: 50%;
margin-left:-490px;
margin-top: 135px;
border: 10px solid;
border-color:#AFBEB1;
z-index:0;
}

#innerfondo {
position:absolute;
width:100%;
height:100%;
background-image:url(secundario/gavio.gif);
background-repeat:repeat;
z-index:0;}



/******************   Encabezado ************************************************************************/

.header { /* Encabezado con el flash de menu principal */
width:980px;
position:absolute;
height:277px;
left: 50%;
margin-left:-490px;
margin-top: 0px;
z-index:100;}

* html .header {/*IE6 only rule, applied on top of the default above*/
position: absolute;
margin-top:0;
}
*:first-child+html .header {/*IE7 only rule, applied on top of the default above*/
position: absolute;
margin-top:0;
}

/****************  CAPA LATERAL *************** */

.lateral { /* lateral derecho con las fotos y el formulario de busqueda */
clear:right;
float:right;
background-image:url(secundario/buscaloja.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:726px;
height:94px;
padding:10;
margin-right:0px;
overflow:visible;
z-index:100;}

* html .lateral {
padding:11;
width:726px;
margin-top:-3px;
margin-right:0px;
}
*:first-child+html .lateral {
padding:11;
width:726px;
margin-top:-3px;
margin-right:0px;
}

img.clip {
position:absolute;
left: 50%;
margin-left:-206px;
margin-top: 40px;}

.divfotoheader { /* REDIMENSIONA Y UBICA LA FOTO PARA QUE QUEDE BIEN */
position:absolute;
left: 50%;
margin-left:-215px;
margin-top:-48px;}

* html .divfotoheader {
 margin-top:72px;}

*:first-child+html .divfotoheader {
 margin-top:72px;}

form{
position:relative;
margin-top:15px;
margin-left:14px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#F0EADB;
font-weight:bold;
float:left;
}
* html form{
margin-left:12px;
margin-top:12px;}
*:first-child+html form{
margin-left:12px;
margin-top:12px;}

label {
clear:left;
display:block;
float:left;
margin-left:25px;
}
* html label {
margin-left:12px;}
*:first-child+html label {
margin-left:12px;}

select {
 clear:left;
 float:left;
 width: 130px;
 font-family:"Times New Roman", Times, serif;
 font-size: 11px;
 background-color: #D7E5F2;    
 color: #102132;    
 border: 1px solid #284279;    
 margin: 3px 10px 8px 22px; /* superior, derecho, inferior, izquierdo */
}
* html select {
margin: 1px 10px 8px 22px}
*:first-child+html select {
margin: 1px 10px 8px 22px}
 
input {
 clear:left;
 float:left;
 margin: 8px 10px 6px 55px; /* superior, derecho, inferior, izquierdo */
}
/********************** PUBLICIDAD EN LOS LATERALES *******************/
.subderecho {
clear:right;
float:right;
background-image:url(top_med.gif);
background-repeat:repeat-y;
text-align:center;
width:230px;
height:300px;
overflow:visible;
margin-top:0px;
margin-right:9px;
}

* html .subderecho {
margin-right:7px;}
*:first-child+html .subderecho {
margin-right:7px;}

.innersubderecho {
text-align:center;
margin-left:10px;}

#subizqwrap {
  position:absolute;
  left: 50%;
  width: 200px;  /* Las dimenciones de la capa  dependen de la zona */
  margin-left:-470px;
  margin-top: 500px;
  z-index:100;
}

* html #subizqwrap {
  position:relative;
	margin-top:450px;}
* :first-child+html #subizqwrap {
margin-top:450px;}

.subizq {
	background-image:url(medizq.gif);
	background-repeat:repeat-y;
	width: 100%;  /* Las dimenciones de la capa  dependen de la zona */
}

.innersubizq {
text-align:center;
padding-left:15px;}

/********************** CAPA DE MAIN MENU ****************************/
#capamenu {
  background-image:url(menu_medium.jpg);
  background-repeat:repeat-y;
  position:absolute;
  left: 50%;
  width: 200px;  /* Las dimenciones de la capa  dependen de la zona */
  margin-left:-465px;
  margin-top: 0px;
  z-index:100;}

* html #capamenu {/*IE6 only rule, applied on top of the default above*/
  position: absolute;
  margin-top:120px;
}
*:first-child+html #capamenu {/*IE6 only rule, applied on top of the default above*/
  position: absolute;
  margin-top:120px;
}

.navcontainer {
	margin-left: 30px;
}

.navcontainer ul
{
	margin: 3px 0 6px 0px;
	padding: 0;
	list-style-type: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style:italic;
}

.navcontainer a
{
	display: block;
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 3px;
}

.navcontainer a:link, .navlist a:visited
{
color: #635936;
text-decoration: none;
}

.navcontainer a:hover
{
background-image:url(ticitem.gif);
background-repeat:no-repeat;
color:#333300;
text-decoration:underline;
}
.navtitle ul
{
	margin: 0 0 0 20px;
    display: block;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	color: #635936;
	font-size: 14px;
	list-style-type: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

.navtitle p{
    background-image:url(tictitle.gif);
	background-repeat:no-repeat;
	padding-left:16px;
	margin-bottom:0px;
	margin-top: 3px;
}

.navtitle a:link, .navlisttitle a:visited
{
    background-image:url(tictitle.gif);
	background-repeat:no-repeat;
	padding-left:16px;
	text-decoration: none;
	margin: 0px;
    color:#333300;
    text-decoration:none;
}

.navtitle a:hover {
    background-image:url(tictitlehov.gif);
	background-repeat:no-repeat;
    text-decoration:underline;
}

/**********************  C O N T E N I D O ************************/

#wrapper {
width:100%;
display:table;
position:absolute;
margin-top:220px;
overflow:visible;
z-index:50}

* html #wrapper {
position:relative;
padding-top:220px;
}

#content { /* Div que contiene el contenido */
background-image:url(content_bk_cms.jpg);
background-repeat:repeat; 
width: 760px;
position:relative;
left: 50%; 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333300;
font-size:12px;
margin-left: -290px;
padding:0px;
z-index:50;
overflow:hidden;
}

* html #content {
margin-left: -286px; }

.imgservices {
margin-top:5px;
margin-bottom:0px;}

.imgicons {
margin-top:0px;
margin-left:6px;
border:0px;}
/********************** Encabezado del Contenido ******************************/
.divtop {
background-image:url(content_top_cms.jpg);
background-repeat:no-repeat;
width:100%;
height:88px;
padding-top:0px;
margin-top: 0px;
text-align:right;
}

p.fecha {
font-size:12px;
padding: 4px 35px 6px 0px;
margin-bottom:0px;
margin-top:0px;
font-weight:bold;
}

p.intop {
margin-top:0px;
padding: 6px 30px 0px 0px;
font-size:12px;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
color:#CC3300;
}

.divinnertop {
margin:4px 0px 10px 30px;
width:700px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
background-color:#FFFFFF;
border:1px solid;
border-color:#C8BEB3;
padding:4px;}
* html .divinnertop {
margin-left:35px;
}
*:first-child+html .divinnertop {
margin-left:35px;
}

.cuadrillo { /* El mismo que divinnertop pero con hin-height para que no se salga el float:left */
margin:4px 0px 10px 30px;
width:700px;
min-height:150px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333300;
font-size:1em;
text-align:left;
background-color:#FFFFFF;
border:1px solid;
border-color:#93704D;
padding:4px;}
* html .cuadrillo {
margin-left:35px;
}
*:first-child+html .cuadrillo {
margin-left:35px;
}

.divinnercuadrillo {
clear:both;
text-align:justify;
padding: 0px 20px 0px 20px; }

/******************* Cuerpo del Contenido ****************************/
.izquierda {
margin:0 0 10 0;
text-align:left;
padding-left:35px;}

.centrado {
width:100%;
margin:0 0 0 0;
text-align:center;}

.derecha {
width:96%;
text-align:right;
padding-bottom:4px;}

.contentbody {
padding:0px 30px 0px 35px;
margin: 0px;}

.contentbody p {
font-family:"Times New Roman", Times, serif;
font-size:14px;
margin:0px 0px 15px 0px;
text-indent:35px;
text-align:justify;
line-height:1.2}

.underlined {
color:#9F5824;
text-decoration:underline;}

p.advice728 {
padding-left:15px;}


.contentbody a {
color:#0000A0;
text-decoration:underline;}
.contentbody a:visited{
color:#1466CC;
text-decoration:none;}

.underline {  /* underlined */
width:372;
height:10px;
background-image:url(underline.gif);
background-repeat:no-repeat;
margin:0 0 20px 30px;}

.underlinetop{  /* underlined */
border-top: 1px solid #967C56;
width:300px;
height:1px;
padding-bottom:6px;
margin:4px 0px 0px 30px;}

.clear {
width:100%;
height:2px;
clear:both;
margin:0px;
padding:0px;}

.illustration {
padding:0px 6px 6px 0px;}


.itemtutorial { /* un cuadro claro para encuadrar el artmculo */
margin: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
background-color:#FDFDFB;
border:1px solid;
border-color:#755A4A;
padding:16px;}

.itemtutorial p { /* un cuadro claro para encuadrar el artmculo */
text-indent:5em;}

.divinnertopvisible { /* igual que el otro pero no se apaga en print */
margin:1px 1px 10px 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
background-color:#FFFFFF;
border:1px solid;
border-color:#C8BEB3;
padding:4px;}

.divinnertopvisible img {
position:relative;
width:50px;
height:38px;
padding:3px;
border-bottom-style:solid;
border: 1px;
border-color:#006666;
margin: 6px;
}


/****************** Fotitos en el texto ****************/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
font-family:"Times New Roman", Times, serif;
font-size:12px;
padding: 5px;
left: -200px;
border: 1px dashed gray;
visibility: hidden;
color: #FFFF00;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
margin-left:-35px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -50px; /*position where enlarged image should offset horizontally */
top: -150px;
}

/********************* Cuadros de Contenido ************************/

.contentpaperwide {
background-image:url(secundario/item_medium.jpg);
background-repeat:repeat-y;
width:515px;
float:left;
margin-left: -10px;
margin-top:0px;
margin-bottom:10px;
padding-top:0px;
padding-bottom:0px;
overflow:hidden;}
* html .contentpaperwide {
margin-left:-10px;}
*:first-child+html .contentpaperwide {
margin-left:-10px;}

.contentpaperwide p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
margin: 0px 20px 0px 5px;
padding-bottom:0px;}

p.textpaper {
position:inherit;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
margin-bottom:0px;
padding:0px 10px 0px 7px;}


.contentpapertop {
background-image:url(secundario/item_top.jpg);
background-repeat:no-repeat;
overflow:visible;
margin:0px;
margin-bottom:4px;
padding:0px}

.contentpaperbottom {
background-image:url(secundario/item_bottom.jpg);
background-repeat:no-repeat;
position:relative;
height:10px;
margin-top:0px;;
margin-bottom:0px;
padding-bottom:0px;}

.contentpaperbottom p{
padding:0px;
margin:0px;}

.imagepaper {
position:absolute;
width:200px;
border:1px solid;
border-color:#C8BEB3;
margin-left:7px;
margin-top:7px;}
* html .imagepaper {
position:relative;
margin-top:7px;}
*:first-child+html .imagepaper {
position:relative;
margin-top:7px;}

.imagepaper img{
width:190;
height:70;
border:5px solid;
border-color:#FFFFFF;}

.titlepaper {
position:inherit;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
margin:0px;
padding:5px 15px 0px 7px;}

.divnewspaper {
margin:4px 0px 3px 7px;
width:145px;
font-size:11px;
overflow:hidden;
background-color:#FFFFFF;
border:1px solid;
border-color:#C8BEB3;
padding:4px;}

.divnewspaper a{
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
color:#006699;
text-decoration:none}
.divnewspaper a:hover{
text-decoration:underline;}
.divnewspaper a:visited{
color:#AD9258;
text-decoration:none;}

}
/******************  FOOTER **********************/

h1 {
margin:16px 0 8px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
text-decoration:underline;
text-align:center;}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-align:left;
vertical-align:text-top;
margin:0px 0px 2px 5px;}

.imgh2{
margin-bottom:-8px;}


h3 {
position:inherit;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:bold;
margin:0px 0px 2px 5px;;
}

h4 {
position:inherit;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006699;
font-size:12px;
font-weight:bold;
margin:0px 0px 8px 30px;
padding:5px 15px 0px 7px;}

.titular { /* igual que H4 pero sin saltar de renglsn */
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:4px;
color:#006699;
font-size:12px;
font-weight:bold;}

.titular a:link {
color:#006699;
text-decoration:none;}
.titular a:hover {
color:#006699;
text-decoration:underline;}
.titular a:visited {
color:#666633;
text-decoration:none;}

.titularsmall { /* igual que H4 pero sin saltar de renglsn */
font-family:"Times New Roman", Times, serif;
padding-top:4px;
color:#006699;
font-size:12px;
font-weight:bold;}

.nakedtitular { /* igual que H4 pero sin saltar de renglsn */
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px 0px 0px 8px;
color:#006699;
font-size:12px;
font-weight:bold;}

.migadepan {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:9px;
font-style:italic;
margin: 0 0 0 0;
text-align:center;
}
.migadepanleft {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:9px;
float:left;
margin-left:0px 0px 5px 30px;
}

#footer { /* Div que contiene la foto del fondo */
background-image:url(piewide.jpg);
background-color:#FBD9A9;
background-repeat:no-repeat;
position:relative;
width:980px;
height: 100px;
clear:both;
text-align:center;
left: 50%;
margin-left:-490px;
z-index:0;
}
* html #footer {
margin-left:-485px;}

*:first-child+html #footer {
margin-left:-490px;}

.innerfooterlink{
width: 300px;
position:relative;
left:450px;
border-top:1px solid;
border-top-color:#5E3D26;
padding-top:2px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#F5E9CD;
text-align:center;
height: 30px;}
* html .innerfooterlink{
left:0px;
margin-left:120px;}
*:first-child+html .innerfooterlink{
left:0px;
margin-left:0px;}

#footer a {
padding:0px;
color:#635936;
text-decoration:none;
}
#footer a:hover {
color:#333300;
text-decoration:underline;
}
#footer a:visited {
color:#993300;
text-decoration:none;
}

#footer p {
margin:0px;
}

.innerfooterbottom{
width: 100%;
margin-top:22px;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:center;
height: 30px;}

.divsearch {
margin:4px 0px 10px 100px;
width:500px;
height: 120px;
overflow:visible;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
background-color:#FFFFFF;
border:1px solid;
border-color:#C8BEB3;
padding:0px;}




@media print {

img, #illustration, img.icons, #fondo, .header, .lateral, .subderecho, .subizqwrap, .subizq, #capamenu, .divinnertop, .divtop, span, .hiddenprint, .innerfooterlink, .divsearch, p.advice728, #footer {
visibility:hidden;
display:none;
}

#wrapper {
position:fixed;
text-align:left;
margin-top:auto;
margin:auto;
}

#content { /* Div que contiene el contenido */
position:fixed;
margin-left:auto;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333300;
font-size:12px;
}

.thumbnail {
color:#333300;
font-size:12px;
font-weight:bold;
}

.contentbody {
padding:0px;
margin: 0px;}

.contentbody p {
font-family:"Times New Roman", Times, serif;
font-size:12px;
margin:0px;
text-indent:35px;
text-align:justify;
line-height:1.2}


}