@charset "utf-8";
/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#CCCCCC; font-size: 13px; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0; }
a, img { outline: none; border:none; color: #000; text-transform: uppercase; text-decoration:none}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { display: block; }
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, div { 
    display: block;
}
strong {font-family: 'rdlv_bold';}
em {font: 16px/normal 'rdlv_italic';}
em strong{font: 16px/normal 'rdlv_bitalic';}
/* Structure */
#wrapper {
	width: 96%;	
	max-width: 1145px;
	margin: auto;
	padding:0;
	background-color:#FFFFFF;
}
#contenidos {
	margin:0;
	padding:36px 0 60px 60px;
	background-color:#FFFFFF;
	float:left;
	width:auto;
	}
	#contenidos ul{
	background-color:#B76612;
	float:left;
	padding:0 16px 16px 16px;
	width:224px;
	}
	#contenidos ul li{
	float:left;
	}
	#contenidos ul li span{
	font: 15px/normal 'rdlv_regular';
	color:#FFFFFF;
	display:block;
	padding:16px 0 12px 0;
	border:0 solid 
	}
	#contenidos ul li ul{
	float:left;
	padding:0 ;
	margin:0;
	width:112px;
	}
	#contenidos ul li ul li {
		padding-right:2px;
	}
	#contenidos ul li ul li a{
		padding:0 0 2px;
		display:block;
		width:auto;
	}
	#contenidos ul li ul li a img{
	opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
	#contenidos ul li ul li a img:hover{
	opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */

	}
	#contenidos .texto{
		float:left;
		width:453px;
		margin-left:26px;
		margin-right:14px;
		margin-bottom:80px;
		padding:0;
		line-height:normal
	}
	#contenidos .texto h1{
		font: 14px/normal 'rdlv_regular';
	}
	#contenidos .texto h2{
		font: 26px/normal 'rdlv_regular';
		color:#333333;
		line-height:28px
	}
	#contenidos .texto h3{
		font: 12px/normal 'rdlv_regular';
		color:#333333;
		font-weight:normal;
		padding-top:3px;
	}	
	#contenidos .texto .formulario{
		padding:16px 0 12px 0;
		border:0 solid;
		background-color:#FFFFFF;
	}	
	#contenidos .texto .formulario li{
		float:left;
		background-color:#FFFFFF;
	}
	#contenidos .texto .formulario li span{
		font: 12px/normal 'rdlv_light';
		color:#A05810;
		display:block;
		width:450px;
		margin:0;
		padding:0;
		text-transform:uppercase;
	}
	#contenidos .texto .formulario li input,
	#contenidos .texto .formulario li textarea{
		width:450px;
		font: 14px/normal 'rdlv_regular';
		color:#333333;
		margin:5px 0 22px;
		border:1px #A05810 dotted;
		padding:3px;
		resize:none;
	}
	#contenidos .texto .formulario li textarea{
		margin:5px 0 0;
	}
	#contenidos .texto .formulario li ul {
		background-color:#FFFFFF;
		width:141px;
		padding-left:315px;
		border:1px #A05810 dotted;
		}
	#contenidos .texto .formulario li ul li {
		display: inline;
		list-style-type: none;
	}
	#contenidos .texto .formulario li ul li .botForm{
		background-image:url(../images/navcon_background.gif);
		background-position:left -20px;
		background-repeat:repeat-x;
		color:#A05810;
		font: 11px/normal 'rdlv_regular';
		margin:0 0 0 5px;
		padding:0 10px;
		border:0px dotted #FFFFFF;
		width:inherit;
		background-color:#FFFFFF;
		line-height:23px;
		height:23px;
		display:block
	}
	#contenidos .texto .formulario li ul li .botForm:hover{
		background-position:left top;
		color:#FFFFFF;
		}
	#contenidos .texto span{
		font: 16px/normal 'rdlv_light';
		color:#000000;
		padding-top:36px;
		display:block
		}
	#contenidos .texto span a{
		text-transform:none;
		text-decoration:none;
		font: 16px/normal 'rdlv_light';
		color:#666666;		
	}
	#contenidos .texto span a:hover{
		text-transform:none;
		text-decoration:none;
		font: 16px/normal 'rdlv_light';
		color:#000000;
		}
	#contenidos .texto .firma{
		font: 12px/normal 'rdlv_regular';
		display:block;
		border-top:1px  dotted #333333;
		width:350px;
		padding-top:10px;
		margin-top:22px;
	}
	#contenidos .texto .firma strong{
		font: 12px/normal 'rdlv_bold';
		color:#333333;
	}
	#contenidos #bannerCon{
		float:left;		
		margin:0 57px 0 22px;
		width:257px;
		position:relative;
		}
	#contenidos #bannerCon div{
		padding-bottom:22px
	}
	#contenidos #bannerCon .bannFace h1{
		width:100%;
		background-color:#3B5999;
		padding:0;
		margin:0;
	}		
	#contenidos #bannerCon .bannFace h2{
		margin:0;
		padding:5px;
		border:#CCCCCC 1px solid ;
		border-top:0px solid #CCCCCC;
	}
	#contenidos #bannerCon .bannFace h2 span{
		font: 12px/normal 'rdlv_regular';
		color:#858585;
		font-weight:normal;
		}
	#contenidos #bannerCon .bannFace h2 a span{
		display:block;
		text-decoration:none;
		text-transform:none;
		color:#000000;
		width:auto;
	}
	#contenidos #bannerCon .bannFace h2 a span:hover{
		color:#999999;
	}
	#contenidos #bannerCon .bannFace h2 a img{
		display:block;
		padding-top:7px;
	}
	#contenidos #bannerCon #banner_der{
		padding:16px 16px 0 16px;
		background:#000000;
		margin:0;
		overflow:hidden;
		position:relative;
		}
		#contenidos #bannerCon #banner_der ul{
			background:none;
			margin:0 0 22px 0;
			padding:0;
			float:left;
			position:relative;
			}
			#contenidos #bannerCon #banner_der ul li{
				float:left;
				position:relative;
				width:225px;
				}
			#contenidos #bannerCon #banner_der ul .bannImg{
				border-top:1px dotted #FD660B;
				margin:18px 0 0 0;
				padding:0;
				position:relative;
				display:block;
				}
			#contenidos #bannerCon #banner_der ul .bannImg ul{
				position:absolute;
				z-index:55555;
  				top: 0; left: 0; bottom: 0; right: 0;
				background-image:url(../images/home/bannder/back_transp.png);
				background-position:left top;
				background-repeat:repeat;
				padding:5% 0 5% 0;
				margin:auto;
				height:25%;
				width:auto;
				color:#ffffff;
				}
			#contenidos #bannerCon #banner_der ul .bannImg ul li{
				padding-left:22px;
				float:left;
				position:relative;
			}
			#contenidos #bannerCon #banner_der ul .bannImg ul li h1{
				font: 12px/normal 'rdlv_bold';
				padding-bottom:5px;
			}
			#contenidos #bannerCon #banner_der ul .bannImg ul li h2{
				font: 11px/normal 'rdlv_regular';
			}
			#contenidos #bannerCon #banner_der ul .bannImg ul li h3{
				font: 10px/normal 'rdlv_condB';
			}
			#contenidos #bannerCon #banner_der ul li span{
				font: 22px/normal 'rdlv_light';
				margin:0;
				padding:0;
				width:auto;
					}
			#contenidos #bannerCon #banner_der ul .bannLink{
				display:block;
				width:100%;
				background-color:#FF6600;
				text-indent:195px;
				padding:2px 0;
				width:225px
				}
			#contenidos #bannerCon #banner_der ul .bannLink a{
				font: 9px/normal 'rdlv_light';
				color:#FFFFFF;
				text-transform:none;
				width:auto;
					}
			#contenidos #bannerCon #banner_der ul .bannLink a:hover{
				color:#000000;
					}
				#contenidos #bannerCon .colecciones{
					float:left;
					background-color:#ffffff;
					margin:0;
					padding:0;
					width:729px;
				}
				#contenidos #bannerCon .colecciones li{
					float:left;
					background-color:none;
					margin:0;
					padding:0 3px 3px 0;		
					}
					#contenidos #bannerCon .colecciones li a{
						float:left;
						margin:0;
						padding:0;
					}
					#contenidos #bannerCon .colecciones li a img{
						opacity:1.0;
						filter:alpha(opacity=100); /* For IE8 and earlier */
					}
					#contenidos #bannerCon .colecciones li a img:hover{
						opacity:0.7;
						filter:alpha(opacity=70); /* For IE8 and earlier */
					}
header #logo {
	float: left;
	position:relative;
	}
header #logo a {
	position:absolute;
	z-index:1000;
	display:block;
	left:95px;
	top:1px;	
	}		
/* Nav */
header {
	background-image:url(../images/line_h.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height:380px;
	}
header nav {
	float: right;
	margin-top: 1px;
	margin-right:60px;
	}
header nav li {
	display: inline;
	float:left;
	margin-right:1px;
	}
header nav li a{
	background-repeat: no-repeat;
	display:block;
	font: 10px/normal 'rdlv_regular';
	padding-left: 16px;
	padding-right: 16px;
	height:23px;
	line-height:23px;
	}
header nav li a:hover{
	color:#FFFFFF;
	background-position:left top;
	}
header nav li .bini{
	background-image:url(../images/navini_background.gif);
	background-position:left -20px;
	background-repeat:repeat-x;
	color:#B76612;
	}
header nav li .bcon{
	background-image:url(../images/navcon_background.gif);
	background-position:left -20px;
	background-repeat:repeat-x;
	color:#A05810;
	}
header nav li .blink{
	background-image:url(../images/navlink_background.gif);
	background-position:left -20px;
	background-repeat:repeat-x;
	color:#874A0E;
	}
header nav li .bface{
	background-image:url(../images/facebook/facebook.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:5px;
	}
header nav li .bface:hover{
	background-image:url(../images/facebook/facebook.gif);
	background-position:-44px top;
	background-repeat:no-repeat;
	padding-top:5px;
	}
header #menu {
	float: left;
	display:block;
	width:100%;
	margin:0;
	padding:0 0 1px 0;
	text-align:center;
	position:relative;
	background-image:url(../images/line_h.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	}
	header #menu ul { list-style-type: none;}
	
	header #menu ul li {
		padding:0;
		display: inline;
		float:left;
		}
		header #menu ul li img{
		background-color:#723F0C;
		height:4px;
		width:62px;
		}
	
		header #menu ul li a {
			color:#333;
			font: 13px/normal 'rdlv_regular';
			padding-top:2px;
			line-height:34px;
			width:203px;
			display: block!important;display: none;
			border-right:1px #FFFFFF solid;
			position:relative;
			float: left
			}
		header #menu ul li .b_rdlv{
			background-image:url(../images/menu/back_dvap.gif);
			background-position:left -5px;
			background-repeat:repeat-x;
			color:#B76612;
		}
		header #menu ul li .b_col{
			background-image:url(../images/menu/back_col.gif);
			background-position:left -5px;
			background-repeat:repeat-x;
			color:#FD660B;
		}
		header #menu ul li .b_act{
			background-image:url(../images/menu/back_act.gif);
			background-position:left -5px;
			background-repeat:repeat-x;
			color:#990000;
		}
		header #menu ul li .b_tie{
			background-image:url(../images/menu/back_tie.gif);
			background-position:left -5px;
			background-repeat:repeat-x;
			color:#CC3300;
		}
		header #menu ul li .b_info{
			background-image:url(../images/menu/back_info.gif);
			background-position:left -5px;
			background-repeat:repeat-x;
			color:#B79C02;
		}
		header #menu ul li .b_rdlv:hover,
		header #menu ul li .b_col:hover,
		header #menu ul li .b_act:hover,
		header #menu ul li .b_tie:hover,
		header #menu ul li .b_info:hover{
			background-position:left -2px;
		}
		header #menu ul li ul {
			display: none;
		}
		header #menu ul li a:hover ul, #menu ul li:hover ul {
			display: block;
			position: absolute;
			width: 100%;
			left:0;
			top:36px;
			background-image:url(../images/line_h.gif);
			background-position:left bottom;
			background-repeat:repeat-x;
			border-top:#FFFFFF 1px dotted;
			z-index:1000
		}
		header #menu ul li ul li a {
			border: none;
			padding:0 14px;
			color:#FFFFFF;
			font: 11px/normal 'rdlv_regular';
			line-height:24px;
			width:auto;
			border-left:#FFFFFF 1px dotted;
		}
		header #menu ul li ul li a:hover {
			position: relative;
			border-bottom: none;
			font: 11px/normal 'rdlv_bold';
			line-height:24px;
			z-index:1000
		}
		ul span{
			width:60px;
			display:block;
			border-left:#FFFFFF 1px dotted;
			line-height:24px;}
		ul.sub_rdlv {
			left: -0px;
			background-color:#B97C40;
			}
		ul.sub_col {
			left: -0px;
			background-color:#EE7A35;
			}
		ul.sub_act {
			left: -0px;
			background-color:#8A2626;
			}

/* Banner */			
header #banner {
	float: left;
	margin:10px 0 0 0;
	padding-top:1px;
	width: 100%;
	background-image:url(../images/line_h.gif);
	background-repeat:repeat-x;
	background-position:left top;	
	}
#arbol{
	width:100%;
	background-color:#000000;
	float:left;
	margin:0;
	padding:0;
	}
	#arbol ul{
		float:left;
		font: 11px/normal 'rdlv_light';
		color:#ffffff;
		margin:22px 0 18px 30px;
		width:198px
	}
	#arbol ul li{
		border-top:1px #B76612 dotted;
		padding:10px 10px 10px 0;
	}
	#arbol ul .arbAct span,
	#arbol ul .arbAp span,
	#arbol ul .arbTie span{
		font: 12px/normal 'rdlv_bold';
	}
	#arbol ul .arbAp a,
	#arbol ul .arbAp span,
	#arbol ul .arbAct a,
	#arbol ul .arbAct span{
		color:#FFFFFF
	}
	
	#arbol ul .arbAp,
	#arbol ul .arbIni a span,
	#arbol ul .arbIni span{
		color:#B76612;
	}
	#arbol ul .arbIni a:hover span{
		color:#999999;
	}
	#arbol ul .arbAct span,
	#arbol ul .arbAct a:hover{
		color:#990000;
	}
	#arbol ul .arbCol{
		color:#FD660B;
	}
	#arbol ul .arbCol span,
	#arbol ul .arbCol a:hover{
		color:#FD660B;
	}
	
	#arbol ul .arbCol a:hover span{
		color:#999999;		
	}
	#arbol ul .arbTie,
	#arbol ul .arbTie a,
	#arbol ul .arbTie span{
		color:#CC3300;
	}
	#arbol ul .arbTie a:hover span{
		color:#999999;
	}
	#arbol ul .arbInf,
	#arbol ul .arbInf a,
	#arbol ul .arbInf span{
		color:#B79C02;
	}
	#arbol ul .arbInf a:hover span{
		color:#999999;
	}
	#arbol ul .arbCon,
	#arbol ul .arbCon a,
	#arbol ul .arbCon span{
		color:#A05810;
	}
	#arbol ul .arbCon a:hover span{
		color:#999999;
	}
	#arbol ul .arbLin,
	#arbol ul .arbLin a,
	#arbol ul .arbLin span{
		color:#874A0E;
	}
	#arbol ul .arbLin a:hover span{
		color:#999999;
	}
	#arbol ul li a{
		text-decoration:none;
		font: 11px/normal 'rdlv_light';
		color:#ffffff;
		text-transform:none;
	}
	#arbol ul li a:hover span ,
	#arbol ul li a:hover{
		color:#B76612;
	}
	#arbol ul li span{
		font: 12px/normal 'rdlv_bold';
		width:auto;
		display:block;
		border:none;
		text-transform:none;
		color:#CCCCCC
	}
footer{
	width:100%;
	background-color:#CCCCCC;
	float:left;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;	color:#666;
	}
	footer article{
		padding:6px 60px 5px;
		float:left;
		}
	footer article a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
		color:#333;
		}
	footer article a:hover{
		color:#fff;
		}
footer nav {
	float: right;
	width:200px;
	margin-top:21px;
	}
footer nav li {
	display: inline;
	margin-left: 8px;
	float:left;	
	}
footer nav li a{
	background-repeat: no-repeat;
	display:block
	}
/* Media Queries */
@media screen and (max-width: 920px) {
header #menu ul {
	float: left;
	display:block;
	margin:0;
	padding:0;
	height:30px;
	text-align:center;
	}
	
	header #menu ul li {
		margin:0;
		}
}

@media screen and (max-width: 800px) {
	
	header #menu ul li {
		padding:0 20px;
		display: inline;
		float:left;		
		}	
}
@media screen and (max-width: 680px) {
	#wrapper {
		padding:0;
		} 
	#main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}
		header{
	margin-top:0;
		}
		header nav {
			float:right;
			margin:0 2% 0 0;
		}
		header nav li {
			margin: 0;
			display: block;
			}
			header nav a {
				display: block;
				margin:4px 2px 0;
				}
		
		header #menu ul{
				 height:auto;
				 background-color:#FFFFFF;
				 display:block;
				 }
		header #menu ul li {
			width:96%;
			margin:0;
			}
			header #menu ul li a {
			line-height:36px;
			height:30px;
			width:inherit
			}
		header #menu ul li img{
		background-color:#723F0C;
		height:0;
		width:0;
		}
			header #menu ul a {
				text-align: left;
				margin:0;
				width:96%;
				}			
	header #logo {
		float: left;
		margin-top:0px;
		width:75%;
		}
		header #logo a {
			margin:0 0 12px 0;
			left:15%;
			top:1px;
			}
			header #logo a img{
			width:65%;}	
}
