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

@font-face {
	font-family: 'DINPro-Bold';
	src: url('../font/DINPro-Bold_0.otf');
	src: local('☺'), url('../font/DINPro-Bold_0.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINPro-Medium';
	src: url('../font/DINPro-Medium_0.otf');
	src: local('☺'), url('../font/DINPro-Medium_0.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINPro-Regular';
	src: url('../font/DINPro-Regular_0.otf');
	src: local('☺'), url('../font/DINPro-Regular_0.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

html, body{ height:100%; }

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#555;
	background:#F4F4F4 url('../img/bg_body.jpg') top center no-repeat;
}

p{
	margin:3px 2px;
}

a:link {
	text-decoration:none; 
    color:#1e6388;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	text-decoration:none;
}

em{
	text-transform:none;
	font-size:90%;
}

h1, h2, h3, h4, h5, h6{
	margin:3px 2px;
	padding-bottom: 2px;
	font-family:'DINPro-Regular', Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h1{ font-size:200%; }

h2{ font-size:150%; }

h3{ font-size:130%; }

h4{ font-size:110%; }

h5{ font-size:85%; }

h6{ font-size:75%; }

a img{
	border:none;
	text-decoration:none;
	-moz-user-select:-moz-none;
}

hr{
	height:1px;
	background:none;
	border-top:#5A362A dotted 1px;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

div.hr, div.hrw{
	height:6px;
	display:block;
}

div.hr{
	background:url(../img/bg_hr.png) top left repeat-x;
}


div.hrw{
	background:url(../img/bg_hrw.png) top left repeat-x;
}

div.vr{
	background:url(../img/bg_hr.png) top left repeat-y;
	width:2px;
	display:block;
}

/* CLASES EXTRAS */
.font-size-11{ font-size:1.1em; }

.font-size-12{ font-size:1.2em; }

.font-size-13{ font-size:1.3em; }

.font-size-14{ font-size:1.4em; }

.color-white, a.color-white{ color:#FFF !important; }

.color-brown, a.color-brown{ color:#6c4230 !important; }

.color-orange, a.color-orange{ color:#d65215 !important; }

.color-black, a.color-black{ color:#333 !important; }

.width100 { width: 99%; }

.width95 { width: 94%; }

.width90 { width: 89%; }

.width80 { width: 79%; }

.width75 { width: 74%; }

.width70 { width: 69%; }

.width65 { width: 64%; }

.width60 { width: 59%; }

.width55 { width: 54%; }

.width50 { width: 49%; }

.width45 { width: 44%; }

.width40 { width: 39%; }

.width35 { width: 35%; }

.width30 { width: 30%; }

.width25 { width: 25%; }

.width20 { width: 20%; }

.width15 { width: 15%; }

.width10 { width: 10%; }

.float-left { float: left; }

.float-right { float: right; }

.align-left { text-align: left; }

.display-block{ display:block; }

.display-none{ display:none; }

.overflow-hidden{ overflow:hidden; }

.align-right { text-align: right; }

.aling-center { text-align:center; }

.text-normal{ font-weight:normal; }

.text-bold{ font-weight:bold; }

.text-italic{ font-style:italic; }

.text-decoration, a.text-decoration{ text-decoration:underline; }

.text-decoration-no, a:hover.text-decoration-no{ text-decoration:none; }

.text-uppercase{ text-transform:uppercase; }

.text-shadow{ text-shadow:1px 1px 0 #FFFFFF !important; }

.text-shadow-black{ text-shadow:1px 1px 0 #333 !important; }

.color{	background:#c9d3d5; }

.opacity{ opacity:0.5; -ms-filter:'alpha(opacity=50)'; filter:alpha(opacity=50); }

a.blue{
	padding:7px 5px;
	font-size:0.8em;
	color:#FFF;
	text-transform:uppercase;
	background:#3C6F91;
	border-radius:5px;
	-moz-border-radius:5px;
}

/* INICIO DE PLANTILLA */
div#top, div#bottom{
	/*border:#F00 solid 1px;*/
}

div#header, div#center, div#footer{
	margin:0 auto;
	width:1000px;
	/*border:#00F solid 1px;*/
}

div#body{
	margin-bottom:3px;
	height:auto;
	min-height:100%;
}

/* TOP */
div#top{
	height:100px;
	overflow:hidden;
	display:block;
	/*border:#F00 solid 1px;*/
}

/* HEADER */
div#header{
	height:100px;
	overflow:hidden;
}

div#header div.cont_logo{
	margin:20px 0 0 0;
	width:230px;
	float:left;
	/*border:#0F0 solid 1px;*/
}

div#header div.cont_logo h1{
	font-family:"DINPro-Bold", Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#FFF;
	line-height:1.1em;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #0060a7;
}

div#header div.cont_logo h1 span{
	font-family:"DINPro-Regular", Arial, Helvetica, sans-serif;
	font-size:32px;
}


/* MENU */
div#header div.cont_menu{
	margin:0 0 0 300px;
	/*border:#FF0 solid 1px;*/
}

ul#menu{
	margin:0 auto;
	margin-top:70px;
	padding:0;
	list-style:none;
	width:680px;
	overflow:hidden;
	display:block;
	/*border:#58372C solid 1px;*/
}

ul#menu li{
	margin-left:25px;
	list-style:none;
	text-align:center;
	float:left;
}

ul#menu li a{
	list-style:none;
	font-family:"DINPro-Bold", Arial, Helvetica, sans-serif;
	color:#f0f0f0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1em;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #4E92BB;
	display:block;
}

ul#menu li a:hover{
	color:#FFF;
}

ul#menu li a.active{
	text-decoration:none;
	color:#084160;
}

ul#menu li a.first{
	-moz-border-radius:5px 0 0 0;
	border-radius:5px 0 0 0;
}

/* CENTER */
div#center{
	padding-bottom:10px;
	min-height:400px;
	overflow:hidden;
	background:url(../img/bg_slide.png) top center no-repeat;
	/*border:#00F solid 1px;*/
}

div#content p{
	font-size:1.2em;
}

div#content h2{
}

div#content a{
}

div#content ul{
	margin:5px 0 5px 15px;
	padding:0;
}

div#content ol{
	margin:5px 0 5px 20px;
	padding:0;
}

div#content li{
	font-size:1.2em;
	color:#4f595B;
	margin:3px 0 5px 0;
}

div#content table{
	font-size:1.2em;
}

div#content img{
}

/* BOTTOM */
div#bottom{
	background:#E3E3E3;
	min-height:200px;
	overflow:hidden;
}

div#bottom div#footer{
	margin-top:20px;
	overflow:hidden;
}

div#bottom div#footer p{
	font-size:1.1em;
}

/* FORMULARIOS */
form{
	margin:0;
	padding:0;
}

/* DIV FIELDSET */
div.form{
	padding:10px 20px 10px 10px;
	overflow:hidden;
	/*border:#00F solid 1px;*/
}

div.form h2{
	margin:0 0 0 10px;
	color:#FFF;
	font-size:1.7em;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #333;
}

div.form input[type=submit], input[type=button]{
	margin:10px 0 0 10px;
	float:right;
}

fieldset{}

legend{}

/* if[IE]*/
*fieldset legend{}

fieldset legend{}

/* if[IE] */
*fieldset label{}

label{
	margin:0 0 3px 10px;
	padding:5px 0 3px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-align:left;
	min-width:20%;
	display:block;
	/*border:#F00 solid 1px;*/
}

label.cont_radio{
	margin:0 0 0 5px;
	padding-top:0;
	float:left;
}

label em{
	color:#666;
}

em span{
	padding:0 1px;
}

label.error, p.error, span.error, em.error{ color:#C00; }

label.ok, p.ok, span.ok, em.ok{ color:#060; }

/* INPUTS */
input[type=checkbox]{}

input[type=radio]{}

textarea{
	min-height:80px;
	resize:none;
}

select{
	margin-left:10px;
	padding:3px;
}

input[type=text], input[type=password], input[type=file], textarea{
	margin-left:10px;
	padding:6px 2px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1.2em;
	font-weight:normal !important;
	color:#333;
	background:#DFD9D2;
	border:none;
}

input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, textarea:focus{
	background:#FFC;
}

input[type=submit], input[type=button]{
	padding:4px 6px;
	color:#EFEFEF;
	text-shadow:1px 1px 0 #333;
	*overflow:visible !important;
	*width:auto !important;
	background:#6e4331 url('../img/bg_btn_brown.jpg') top left repeat-x;
	border:#714531 solid 1px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}

input[type=submit]:hover, input[type=button]:hover{
	color:#FFF;
}

input[type=text].error, input[type=password].error, input[type=file].error, textarea.error, select.error{
	background:#FDD7CC;
}

select.error{ background-image:none; }

/* SUCESOS */
div.info, div.alert, div.ok, div.error{
	margin:5px 0;
	padding:0 0 0 10px;
	background-position:10px center;
	background-repeat:no-repeat;
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.info{
	border:#6190CB solid 1px;
	background-color:#ACCFEE;
	background-image:url(../img/info.png);
}

div.alert{
	border:#E2CA00 solid 1px;
	background-color:#FCF6B8;
	background-image:url(../img/alert.png);
}

div.ok{
	border:#A2B62D solid 1px;
	background-color:#C7DB4A;
	background-image:url(../img/ok.png);
}

div.error{
	border:#FBB480 solid 1px;
	background-color:#FED5AE;
	background-image:url(../img/error.png);
}

div.info p, div.alert p, div.ok p, div.error p{
	margin:5px 0 5px 40px !important;
	font-size:1.2em;
	color:#000;
}

div.info h6, div.alert h6, div.ok h6, div.error h6{
	margin-left:40px !important;
	margin-bottom:-5px !important;
	font-size:1.4em;
}

/* PAGINATOR */
div#cont_paginator{
	margin-top:10px;
	overflow:hidden;
	line-height:20px;
	background:url(../img/bg_cont_paginator.png) top left repeat-x;
	border-top:#D5D5D5 dotted 1px;
	border-bottom:#D5D5D5 dotted 1px;
}

ul#paginator{
	margin:2px 0 0 0 !important;
	padding:0 !important;
	list-style:none;
	overflow:hidden;
}

ul#paginator li{
	margin:0;
	padding:0;
	font-size:1.2em;
	list-style:none;
	float:left;
}

ul#paginator li a{
	margin:0 2px 0 0;
	padding:0 6px;
	float:left;
	display:block;
	color:#000033;
	text-decoration:underline;
}

ul#paginator li a:hover{
	color:#004080;
}

ul#paginator li.prev-off{
	color:#666;
	margin:0 2px 0 0;
	padding:0 6px;
}

ul#paginator li.active{
	font-weight:bold;
	margin:0 2px 0 0;
	padding:0 6px;
}