/*
----------------------------------------------------------------
	R E S E T    S T Y L E S
---------------------------------------------------------------- */
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;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


/*
----------------------------------------------------------------
	G E N E R A L
---------------------------------------------------------------- */
body {
	font: normal 13px/1.4 Arial, Helvetica, sans-serif;
	color: #666;
	background: #fff url(img/pagina-bg.gif) repeat-y center top;
	text-align:center;
	margin:0 auto;
}
body.Portada{
	
}
strong{
	font-weight:bold;
}
h1,h2,h3,h4,h5{
	font-weight:bold;
}
h1{
	font:bold 23px/1.2 "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#214173;
	margin-bottom:1em;
}
h1 span{
	font:bold 15px/1 "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#666;
	margin-bottom:.5em;
	display:block;
}
h1 em{
	font-style:normal;
	font:18px/1 "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#666;
	display:block;
}
h2{
	font:bold 15px/1.2 "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#000;
	margin-top:1em;
	margin-bottom:.8em;
}
h3{
	font:bold 13px/1.2 "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#000;
	margin-top:1em;
	margin-bottom:.5em;
}

p{
	margin-bottom:.8em;
}
a{
	color:#45A7EE;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
ul{
	margin-bottom:1em;
}
ul li{
	background:url(img/vineta-general.gif) no-repeat left .5em;
	padding-left:10px;
	margin-bottom:.8em;
}

em{
	font-style:italic;

}

/*
----------------------------------------------------------------
	L A Y O U T
---------------------------------------------------------------- */

#Encabezado{
	width:900px;
	height:180px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:1000;
}

#PageWrapper{
	background:url(img/encabezado-fondo.jpg) no-repeat center top;
}
#PageWrapper:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}



#Contenedor{
	width:900px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:#fff url(img/contenedor-bg.gif) repeat-x left top;
	padding:0 0 20px 0;
}
#Contenedor:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}
#Contenedor #Inner{
	width:900px;
}
#Contenedor #Inner:after{ content: ".";	display:block;	height:0;	clear:both;	visibility:hidden;}

#InnerPortada{
	width:860px;
	margin-left:20px;
} 

#Inner .col1{
	float:left;
	width:200px;
}
#Inner .col2{
	float:right;
	width:660px;
}


#Pie{
	background:url(img/pie-fondo.png) no-repeat center top;
}
#Pie .wrapper{
	width:900px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:30px;
}


/*
----------------------------------------------------------------
	E N C A B E Z A D O
---------------------------------------------------------------- */
#bt_ir_a_web_principal{
	display:block;
	height:12px;
	width:199px;
	background:url(img/bt_ir_a_web_principal.gif) no-repeat left top;
	text-indent:-9000px;
	position:absolute;
	top:6px;
	right:0px;
}


/*
----------------------------------------------------------------
	C A J A S   G E N E R A L E S
---------------------------------------------------------------- */

.box{
	margin-bottom:20px;
}


.menuLateral{
	margin:0; padding:0;
}

.menuLateral li{
	background:url(img/dotted-horizontal.gif) repeat-x left bottom;
	margin:0;
	padding:5px 0;
}
.menuLateral li:hover{
	background:#F0F0F0 url(img/dotted-horizontal.gif) repeat-x left bottom;
}
.menuLateral li.ultimo{
	background:none;
}


.thumbDer{
	float:right;
	margin:0 0 10px 10px;
}

/*
----------------------------------------------------------------
	P I E
---------------------------------------------------------------- */

#Pie{
	color:#000;
}
#Pie p{
	margin-bottom:.1em;
	font-size:11px;
}
#Pie p.empresa{
	font-size:14px;
	font-weight:bold;
	margin-bottom:1em;
}


/*
----------------------------------------------------------------
	P O R T A D A
---------------------------------------------------------------- */
.tablePortada{
	margin:0; padding:0;
}
.tablePortada td{
	padding:10px;
}
.tablePortada td.left{
	padding-left:0;
}
.tablePortada img{
	opacity: .7
}
.tablePortada a:hover img{
	opacity: 1
}
