@charset "utf-8";
/* ---------------------------------------------
	Contratos Web

	author:    envero | desarrollo y diseño
	email:     in@envero.org
	website:   http://www.envero.org

----------------------------------------------*/



/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	background: #91d3e8 url(../_img/bkg_pagina_01.gif) repeat-x left top;
}

/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* Class for clearing floats */
.clear { width: 100%; clear: both; overflow: hidden; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w100px { width: 100px; }
.w150px { width: 150px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }


.noBullet {
	list-style: none;
	list-style-position: outside;
}

/* =Layout
----------------------------------------------*/
#wrapper {
	width: 780px;
	margin: 0 auto;
	position: relative;
}

#header {
	width: 780px;
	height: 132px;
	background: url(../_img/bkg_header.gif) no-repeat left top;
	position: relative;
}

	#marca {
	}
	
	#mainMenu {
		position: absolute;
		right: 0px;
		bottom: 19px;
	}

#content {
	width: 720px;
	background: url(../_img/bkg_content_01.gif) repeat-y left top;
	padding: 0 30px;
}

	#opciones {
		height: 1%;
	}

		#buscador {
			width: 335px;
			height: 36px;
			background: url(../_img/bkg_buscador_01.gif) no-repeat top left;
			float: right;
		}
		
		#links {
			width: 355px;
			height: 36px;			
			float: left;
		}
	
	#mainContent {
		margin: 30px 0 0 0;
	}
	
		#contenidoPrincipal {
			width: 470px;
			float: left;
		}
		
		#contenidoSecundario {
			width: 220px;
			float: right;
		}

#footer {
	width: 720px;
	background: url(../_img/bkg_footer_01.gif) no-repeat left top;
	padding: 45px 30px;
}

	#creditos {
		float: left;
	}
	
	#copyright {
		padding: 5px 0 0 0;
		float: right;
	}


/* =Menus
----------------------------------------------*/
#mainMenu ul {
	list-style: none;
}

#mainMenu ul li {
	float: left;
}

#mainMenu ul li a.inicioAct {
	width: 96px;
	height: 43px;
	text-indent: -9999px;
	background: url(../_img/img_menu_inicio_act.gif) no-repeat left top;
	display: block;
	outline: none;
}

#mainMenu ul li a.inicioInact {
	width: 96px;
	height: 43px;
	text-indent: -9999px;
	background: url(../_img/img_menu_inicio_inact.gif) no-repeat left top;
	display: block;
	outline: none;
}

#mainMenu ul li a.inicioInact:hover {
	background: url(../_img/img_menu_inicio_hov.gif) no-repeat left top;
}

#mainMenu ul li a.contratosAct {
	width: 120px;
	height: 43px;
	text-indent: -9999px;
	background: url(../_img/img_menu_contratos_act.gif) no-repeat left top;
	display: block;
	outline: none;
}

#mainMenu ul li a.contratosInact {
	width: 120px;
	height: 43px;
	text-indent: -9999px;
	background: url(../_img/img_menu_contratos_inact.gif) no-repeat left top;
	display: block;
	outline: none;
}

#mainMenu ul li a.contratosInact:hover {
	background: url(../_img/img_menu_contratos_hov.gif) no-repeat left top;
}


#mainMenu ul li a.institucAct {
	width: 128px;
	height: 43px;
	text-indent: -9999px;
	background: url(../_img/img_menu_instituc_act.gif) no-repeat left top;
	display: block;
	outline: none;
}

#mainMenu ul li a.institucInact {
	width: 128px;
	height: 43px;
	text-indent: -9999px;
	background: url(../_img/img_menu_instituc_inact.gif) no-repeat left top;
	display: block;
	outline: none;
}

#mainMenu ul li a.institucInact:hover {
	background: url(../_img/img_menu_instituc_hov.gif) no-repeat left top;
}

#mainMenu ul li a.consultasAct {
	width: 128px;
	height: 43px;
	text-indent: -9999px;
	background: url(../_img/img_menu_consultas_act.gif) no-repeat left top;
	display: block;
	outline: none;
}

#mainMenu ul li a.consultasInact {
	width: 128px;
	height: 43px;
	text-indent: -9999px;
	background: url(../_img/img_menu_consultas_inact.gif) no-repeat left top;
	display: block;
	outline: none;
}

#mainMenu ul li a.consultasInact:hover {
	background: url(../_img/img_menu_consultas_hov.gif) no-repeat left top;
}


/* =Tipography
----------------------------------------------*/
#marca h1 {
	width: 255px;
	height: 70px;
	text-indent: -9999px;
	background: url(../_img/marca_01.gif) no-repeat left top;
}

h2 {
	color: #2F555F;
	font-size: 2.5em;
	font-weight: bold;
}

	.panelMain h2 {
		color: #fff;
		line-height: 100%;
		padding: 20px 20px 20px 20px;
		background: url(../_img/bkg_panelMainTop_01.gif) no-repeat left top;
	}

h3 {
	color: #2F555F;
	font-size: 2em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

	.descripcion h3 {
		color: #8E8B76;
		font-size: 1.6em;
		margin: .5em 0;
	}

h4 {
	color: #2F555F;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}


p {
	color: #555;
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
}

	#links p {
		color: #aaa;
		line-height: 36px;
		padding: 0;
		margin: 0;
	}
	
	#buscador p {
		height: 35px;
		line-height: 35px;
		padding: 0;
		margin: 0;
		background: #ff0000;
	}
	
	.panelMain p.botones {
		margin: 2em 0 1em 0;
	}
	
	.condicionesVenta p {
		font-size: 1.2em;
		margin: 0 0 1em 0;
	}
	
	#footer p {
		color: #fff;
		font-size: 1.1em;
		line-height: 100%;
	}
	
	#footer p big {
		color: #000;
		font-size: 100%;
	}
	
	.list p {
		margin: 0;
		padding: 0;
		line-height: 20px;
	}
	
	.descripcion p {
		color: #6F6D5C;
		margin: 0 0 1.5em 0;
	}
	
	p.advertencia {
		color: #008EBB;
		font-size: 1.8em;
		font-weight: normal;
		padding: .5em;
		margin: 0 0 1em 0;
	}
	
	p.categoria {
		color: #666;
		font-size: 1.4em;
		margin: 0.5em 0 1em 0;
	}

	p.precio {
		color: #2F555F;
		font-size: 1.6em;
		font-style: italic;
		margin: 0 0 0.5em 0;
	}
	
	#userDataName p {
		color: #333;
		font-size: 1.3em;
		font-weight: bold;
		line-height: 31px;
	}
	
	#userDataFecha p {
		color: #aaa;
		font-size: 1.2em;
		line-height: 31px;
	}


ul {
	color: #555;
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	list-style-position: inside;
}

	ul.categorias {
		margin: 0 0 0 0.5em;
		list-style: none;
		list-style-position: outside;
	}

	ul.categorias li {
		margin: 0.3em 0;
		padding: 0 0 0 22px;
		background: url(../_img/folder_page.gif) no-repeat left 2px;
	}


	ul.destacados {
		font-size: 1.3em;
		margin: 0 0 0 0.5em;
		list-style: none;
		list-style-position: outside;
	}
	
	ul.destacados li {
		margin: 0.5em 0;
		padding: 0 0 0 22px;
		background: url(../_img/bul_destacados_01.gif) no-repeat left 2px;
	}

	ul.ultimos {
		font-size: 1.3em;
		margin: 0 0 0 0.5em;
		list-style: none;
		list-style-position: outside;
	}
	
	ul.ultimos li {
		margin: 0.5em 0;
		padding: 0 0 0 17px;
		background: url(../_img/bul_normal_01.gif) no-repeat left 6px;
	}

/* =Classes
----------------------------------------------*/
.ads { margin: 15px 0; }

.panelMain {
	width: 470px;
	background: #70c6e0 url(../_img/bkg_panelMainBottom_01.gif) no-repeat left bottom;
	margin: 0 0 30px 0;
}

	.panelMain div.panelColA {
		width: 205px;
		margin: 0 0 10px 20px;
		float: left;
		display: inline;
	}

	.panelMain div.panelColB {
		width: 205px;
		margin: 0 20px 20px 0;
		float: right;
		display: inline;
	}

.accesosDirectos {
	width: 470px;
	margin: 30px 0;
}

	.accesosDirectosImg {
		margin: 0 20px 0 0;
		float: left;
	}

.list {
	padding: 0 20px;
	margin: 2em 0;
}

	.list .row {
		margin: 0 0 3px 0;
		padding: 2px 0;
		border-bottom: 1px dotted #ddd;
	}
	
		.list .row .item {
			width: 50%;
			float: left;
		}

		.list .row .botones {
			text-align: right;
		}

	.list .rowWide {
		margin: 0 0 3px 0;
		padding: 2px 0 10px 0;
		border-bottom: 1px dotted #ddd;
	}
	
		.list .rowWide .item {
			font-size: 1.4em;
		}

		.list .rowWide .botones {
			margin: 5px 0;
		}

.simplePaginator { margin: 20px 0; }

.actions {
	margin: 20px 0;
}

.contratoDetalle {
	background: url(../_img/bkg_detalle_01.gif) no-repeat left top;
	padding: 2em;
	margin: 1em;
	/* border: 1px solid #91D3E8; */
}

	.contratoDetalle ul {
		margin: 1em 0;
		list-style: none;
	}
	
	.contratoDetalle ul li {
		margin: 0.5em 0;
		list-style: none;
	}

#userData {
	width: 450px;
	height: 31px;
	background: url(../_img/bkg_userdata_01.gif) no-repeat left top;
	margin: 2em 0 3em 0;
}

	#userDataName {
		height: 31px;
		padding: 0 0 0 40px;
		float: left;
	}

	#userDataFecha {
		height: 31px;
		padding: 0 10px;
		float: right;
	}

.errorText {
	color: #FF0000;
}

#mapaSitio { margin: 2em; }
#mapaSitio h4 { margin: 0 0 1em 0; }
#mapaSitio ul { margin: 0 0 1em 2em; }

.descripcion {
		padding: 1.5em;
		margin: 0.5em;
		background: url(../_img/bkg_decripcion_01.gif) no-repeat left top;
}

.gratis {
	color: #009900;
	font-size: 120%;
	font-style: italic;	
}

.monto {
	color: #FF7C00;
	font-size: 150%;
	font-weight: bold;
}


/* =Links
----------------------------------------------*/
a:link, a:visited {
	color: #40779B;
	text-decoration: none;
}

a:hover, a:active {
	color: #6F6D5C;
	text-decoration: underline;
}

#creditos a:link, #creditos a:visited, #copyright a:link, #copyright a:visited {
	color: #fff;
	text-decoration: none;
}

/* #creditos a:hover, #creditos a:active, #copyright a:hover, #copyright a:active {
	text-decoration: underline;
}*/


/* botones generales */
.botones ul { list-style: none; list-style-position: outside; margin: 0; padding: 0; }
.botones ul li { _width: 1px; margin: 0 5px 0 0; display:inline; float:left; }
.botones ul li:last-child { margin: 0; }


	/* boton small celeste */
	.botones ul li.small.cel { background: url(../_img/btn_small_cel_izq.gif) no-repeat left top; }
	.botones ul li.small.cel a:link, .botones ul li.small.cel a:visited {
		color: #fff;
		height: 20px;
		font-size: 0.9em;
		font-weight: bold;
		line-height: 20px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		background: url(../_img/btn_small_cel_der.gif) no-repeat right top;
		padding: 0 8px;
		display: block;
		outline: none;
	}
	.botones ul li.small.cel.hover { background: url(../_img/btn_small_bei_izq.gif) no-repeat left top; }
	.botones ul li.small.cel a:hover, .botones ul li.small.cel a:active { color: #6F6D5C; background: url(../_img/btn_small_bei_der.gif) no-repeat right top; }

	/* boton small verde */
	.botones ul li.small.verde { background: url(../_img/btn_small_ver_izq.gif) no-repeat left top; }
	.botones ul li.small.verde a:link, .botones ul li.small.verde a:visited {
		color: #fff;
		height: 20px;
		font-size: 0.9em;
		font-weight: bold;
		line-height: 20px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		background: url(../_img/btn_small_ver_der.gif) no-repeat right top;
		padding: 0 8px;
		display: block;
		outline: none;
	}
	.botones ul li.small.verde.hover { background: url(../_img/btn_small_bei_izq.gif) no-repeat left top; }
	.botones ul li.small.verde a:hover, .botones ul li.small.verde a:active { color: #6F6D5C; background: url(../_img/btn_small_bei_der.gif) no-repeat right top; }

	/* boton small gris */
	.botones ul li.small.gris { background: url(../_img/btn_small_gris_izq.gif) no-repeat left top; }
	.botones ul li.small.gris a:link, .botones ul li.small.gris a:visited {
		color: #fff;
		height: 20px;
		font-size: 0.9em;
		font-weight: bold;
		line-height: 20px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		background: url(../_img/btn_small_gris_der.gif) no-repeat right top;
		padding: 0 8px;
		display: block;
		outline: none;
	}
	.botones ul li.small.gris.hover { background: url(../_img/btn_small_bei_izq.gif) no-repeat left top; }
	.botones ul li.small.gris a:hover, .botones ul li.small.gris a:active { color: #6F6D5C; background: url(../_img/btn_small_bei_der.gif) no-repeat right top; }


/* Botones links */
.botonesLink { margin: 10px 0; }
.botonesLink ul { list-style: none; list-style-position: outside; margin: 0; padding: 0; }
.botonesLink ul li { no-repeat left top; margin: 0 0 5px 0; padding: 0; }
.botonesLink ul a:link, .botonesLink ul li a:visited { height: 32px; font-size: 1.2em; font-weight: bold; line-height: 32px; text-align: center; text-decoration: none; padding: 0 8px; display: block; outline: none; }

	.botonesLink ul li.azul { background: url(../_img/btn_med_azul_izq.gif) }
	.botonesLink ul a.azul:link, .botonesLink ul li a.azul:visited { color: #008EBB; background: url(../_img/btn_med_azul_der.gif) no-repeat right top; }

	.botonesLink ul li.verde { background: url(../_img/btn_med_verde_izq.gif) }
	.botonesLink ul a.verde:link, .botonesLink ul li a.verde:visited { color: #fff; background: url(../_img/btn_med_verde_der.gif) no-repeat right top; }


/* =Forms
----------------------------------------------*/
div.form-container {
	margin: 3em 0;
}

div.form-container div.formRow {
	margin: 0 0 .7em 0;
}

div.form-container div.separator {
	margin: 3em 0;
}

	div.form-container div.buttonRow {
		margin: 2em 0 0 150px;
	}

div.form-container div.errors {
	background: #ffc;
	border: #fc6 1px solid;
	padding: 1em;
	margin: 0 0 2em 0;
}

div.form-container div.errors ul {
	margin: 0;
}

div.form-container label {
	width: 130px;
	color: #555;
	font-size: 1.2em;
	text-align: right;
	margin: 0 20px 0 0;
	display: block;
	position: relative;
	float: left;
}

	div.form-container label.error {
		color: #f00;
	}

div.form-container label em { color: #f00;}

div.form-container .tip {
	color: #888;
	font-size: .9em;
}

input.textField {
	color: #333;
	background: #fff;
	border: 1px solid #91D3E8;
	padding: 0.15em;
}

	input:focus.textField {
		color: #333;
		background: #F0FFFF;
	}
	
	input.error {
		border: 1px solid #c00;
	}

textarea.textArea {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	background: #fff;
	border: 1px solid #91D3E8;
	padding: 0.15em;
}

	textarea:focus.textArea {
		color: #333;
		background: #F0FFFF;
	}
	
	textarea.error {
		border: 1px solid #c00;
	}

select.selectBox {
	color: #333;
	background: #fff;
	border: 1px solid #91D3E8;
	padding: 0.15em;
}

	select:focus.selectBox {
		color: #333;
		background: #F0FFFF;
	}
	
	select.error {
		border: 1px solid #c00;
	}
	
		select option {
			margin: 0 1em 0 0;
		}

#buscador input.textField {
	width: 190px;
	height: 18px;
	color: #3db0d3;
	line-height: 100%;
	background: #f8f8f8;
	margin: 5px 5px 0 15px;
	padding: 2px;
	border: 0;
	border-bottom: 1px dashed #ccc;
}

#buscador input.imgButton {
	width: 113px;
	height: 26px;
	margin: 5px 0 0 0;
	padding: 0;
}

.panelMain select.selectBox {
	width: 205px;
	padding: 3px;
}

	.panelMain select.selectBox option {
		padding: 0 10px;
	}