/*
	=======================
	Configuraciones generales
	=======================
 */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #f9f9f9 url(../images/top-background.gif) repeat-x;
} 
 
#pagewidth{ 
 width:790px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
} 

img {
border:0px;
margin:0 auto 0;
}

.hide {
position:absolute;
left:-2000px;
width:999px;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

.type-pdf {
 background: url(../images/type_pdf.gif) no-repeat top left;
 padding-left: 1.8em;
}

h1 {
font-family:Georgia, "Times New Roman", times, serif;
font-weight:100;
font-size:1.5em;
color:#c3122b;
margin:0 auto 0;
}

p {
font-family:Georgia, "Times New Roman", times, serif;
line-height:1.2em;
font-size:0.8em;
color:#000000;
}

a {text-decoration:none;}
a:link {color:#333333;}
a:visited {color:#666666;}
a:hover {color:#EFEFEF;background-color:#c3122b;}
a:active {color:#f9f9f9;}

#leftcol div#alianza {
 position: relative; 
 top: -276px; left: 618px;
 z-index: 99;
}

#leftcol div#alianza a {
 width: 170px; height: 63px;
 display: block;
}

#leftcol div#carcaj {
 position: relative; 
 top: -240px; left: 626px;
 z-index: 99;
}

#leftcol div#carcaj a {
 width: 160px; height: 600px;
 display: block;
}

/*
	=======================
	FORMULARIO
	=======================
 */

#publicform INPUT.inp {
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #ddd 1px solid;
	PADDING-LEFT: 3px;
	BACKGROUND: #f2f2f2;
	MARGIN-BOTTOM: 10px;
	PADDING-BOTTOM: 3px;
	FONT: 11px verdana, sans-serif;
	BORDER-LEFT: #ddd 1px solid;
	WIDTH: 220px;
	COLOR: #443;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #ddd 1px solid;
	outline: none
}
#publicform TEXTAREA.inp {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 3px; BACKGROUND: #f2f2f2; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; FONT: 11px verdana, sans-serif; BORDER-LEFT: #ddd 1px solid; WIDTH: 220px; COLOR: #443; PADDING-TOP: 3px; BORDER-BOTTOM: #ddd 1px solid; outline: none
}
#publicform INPUT.inp:hover {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid
}
#publicform TEXTAREA.inp:hover {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid
}
#publicform INPUT.inp:unknown {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid
}
#publicform TEXTAREA.inp:unknown {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid
}

/*
	=======================
	ENCABEZADO
	=======================
 */ 
 
#header{
 position:relative; 
 height:93px; 
 width:100%;
 background: url(../images/header.jpg) no-repeat top right;
}

#logo {
width:286px;
height:93px;
background: url(../images/logo.gif) no-repeat;
position:relative;
top:10px;
}

#paises {
width:198px;
height:93px;
background: url(../images/paises.gif) no-repeat;
position:relative;
left:425px;
}

/*
	=======================
	COLUMNA IZQUIERDA
	=======================
 */ 
 
#leftcol{
 width:120px; 
 float:left; 
 position:relative; 
 }
 
 #leftcol img {
 margin-top:20px;
 }

/*
	=======================
	DOS COLUMNAS
	=======================
 */ 
 
#twocols{
 width:670px; 
 float:right; 
 position:relative; 
 margin-top:20px;
 z-index:10;
 }
 
 #twocols2{
 width:790px; 
 float:right; 
 position:relative;
 z-index:10;
 }

/*
	=======================
	COLUMNA DERECHA
	=======================
  */ 

#rightcol{
 width:0%; 
 float:right; 
 position:relative; 
 height:100px;
 background:#c3122b;
 }

/*
	=======================
	COLUMNA PRINCIPAL
	=======================
 */ 
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:496px; 
 }

 #libros {
  padding-right:173px;
  background:#c3122b;
 }
 
  #libros2 {
  padding-right:283px;
  background:#c3122b;
 }
 
 
/*
	=======================
	FOOTER
	=======================
*/ 
 
#footer{
height:25px; 
margin-top:20px;
margin-bottom:0px;
background-color: #E7EBDD;
padding-top:10px;
clear:both;
 } 
 
 .footer-links {
 font-size:0.6em;
 float:left;
 margin: 0 30px 0;
 }
 

 /*
	=======================
	Fixes
	=======================
 */ 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #twocols2, #maincol, #maincol2{width:100%; float:none;}
}