body
{
	font-size: .75em;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0 auto;
	padding: 0;
	color: #696969;
	background: #B4BFD1 url(/content/images/center.jpg) repeat-y top center;
}
#wrapper {
	margin: 0 auto;
	background: url(/content/images/top.jpg) no-repeat top;
}

#header
{
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 0;
	overflow: hidden;
	height: 100px;
}
#header #nav {float: right; width: 450px;}
#header #logo {float: left; 
	width: 400px; 
	height: 100px;
	font-weight: bold;
	color: black;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px !important;
	text-indent: -9000px;
	background: url(/content/images/logo-areco-semanal.png) no-repeat;
}

#content
{
	padding: 10px;
	margin: 0px auto;
	overflow: hidden;
	min-height: 600px;
}

#footer
{
	color: grey;
	padding: 30px 0;
	text-align: center;
	line-height: normal;
	font-size: .9em;
}
.inner {width: 900px; margin: 0 auto;}

/* links
----------------------------------------------------------*/

a:link {color: #3C4D67; text-decoration: underline;}
a:visited { color: #666; }
a:hover {color: #00A8DB;  text-decoration: none;}
a:active { color: #12eb87; }


td {vertical-align: top}

p, ul
{
	margin-bottom: 20px;
	line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1 {font-size: 2em; padding-bottom: 0; margin-bottom: 0;}
h2 {
	font-size: 130%;
	margin: 10px 0;
}
h3
{
	color: #3C4D67;
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.centercolumn {width: 580px; float: left; border-right: 1px dotted #CCC; margin-right: 10px; padding-right: 10px;}
.rightcolumn h3 {color: #3C4D67; margin: 0 0 5px;}
.rightcolumn h2 {font-size: 110%; margin: 0;}


/* TAB MENU   
----------------------------------------------------------*/
#nav ul
{
	padding: 0 0 2px;
	position: relative;
	margin: 30px 0 0 0;
	text-align: right;
}

#nav ul li
{
	display: inline;
	list-style: none;
	padding: 10px 20px 0px 3px;
}

#nav ul li a
{
	text-decoration: none;
	line-height: 55px;
	color: black;
	vertical-align: bottom;
	font-family: lucida sans unicode, verdana, arial;
	text-transform: uppercase;
	font-size: 16px;
}

#nav ul li a:hover, #nav ul li.active a
{
	text-decoration: none;
	color: black;
	border-bottom: 4px solid #B4BFD1;
}



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.formulario p 
{
	margin: 2px 12px 10px 10px;
}

.formulario label 
{
	display: inline;
}
.formulario input[type="text"] 
{
	width: 90%;
	border: 1px solid #CCC;
}
.formulario textarea {
	width: 90%;
}
input[type="password"] 
{
	width: 200px;
	border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/
table.prettytable
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

.prettytable td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

.prettytable th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
}

.error
{
	color:Red;
}


.field-validation-error
{
	color: #ff0000;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}
.adminblock {text-align: left; font-family: Arial; padding: 10px}
.adminblock a {color: silver; text-decoration: none; padding: 0 5px; border-left: 1px solid #ccc;}
.adminblock a.first {padding-left: 0px;border-left: none;}
.adminblock a:hover {color: black; text-decoration: underline;}

div.error, div.info  {text-align: center; margin-bottom: 10px; padding: 5px; font-family: Arial; font-weight: bold; }
div.error {background-color: #E66D52; color: white; }
div.info {background-color: #8DD722; color: black;}

/* articulos 
------------------------------*/
.articulo {overflow: hidden; margin-bottom: 10px; border-bottom: 1px dotted #ccc; padding-bottom: 10px;}
.articulo .imgdiv {float: right; margin: 0 5px 5px 0; width: 150px; }
.articulo .imgdiv img {border: solid 1px #CCC; padding: 7px; }
.articulo .imgdivright {float: right; margin: 0 0 5px 5px; width: 320px; font-size: 10px; text-align: center; }
.articulo .imgdivright img {border: solid 1px #CCC; padding: 8px; }
.articulo .imgdivcenter {margin: 5px 0; width: 265px; font-size: 10px; text-align: center; }
.articulo .imgdivcenter img {border: solid 1px #CCC; padding: 5px; }
.articulo p {margin-top: 0px;}
.articulo .fecha {font-size: 80%;}
.articulo .masinfo a {color: #3C4D67; font-size: 90%; background: url(/content/images/masinfo.gif) no-repeat right center; padding-right: 12px; }
.draft {background: #FFFFE8 url(/content/images/borrador.gif) no-repeat right top;}

.otrosarticulos h2 {font-size: 110%}
.otrosarticulos .articulo {overflow: hidden; margin-bottom: 5px; border-bottom: 1px dotted #ccc; padding-bottom: 5px;}
.otrosarticulos .articulo p {margin: 0;}
/* links */
.idea {padding-left: 20px; background: url(/content/images/lightbulb.gif) no-repeat left center; }
a.pdf, p.pdf a {padding-left: 20px; background: url(/content/images/pdf.gif) no-repeat left center; }
.excel {padding-left: 20px; background: url(/content/images/excel.gif) no-repeat left center;}
.phone {padding-left: 20px; background: url(/content/images/phone.gif) no-repeat left center;}
.foto {padding-left: 20px; background: url(/content/images/foto.gif) no-repeat left center;}
.calendar32 {padding-left: 40px; background: url(/content/images/calendar32.png) no-repeat left center;}

.Aviso {overflow: hidden;margin-bottom: 10px; border-bottom: 1px dotted #ccc; padding-bottom: 10px;}
.Aviso p {margin: 0}
.Aviso .nombre {font-weight: bold; font-size: 110%}
.Aviso .ramo {font-weight: bold;}

.Aviso .telefono {padding-left: 20px; background: url(/content/images/phone.gif) no-repeat left center;  }


/* footer
----------------*/
#footer a:link
{
	color: grey;
	text-decoration: underline;
}

#footer a:visited
{
	color: grey;
	text-decoration: underline;
}

#footer a:hover
{
	color: grey;
	text-decoration: none;
}

.direccion {margin-top: 20px;}

.calendariopagos {overflow: hidden;margin-bottom: 10px; border-bottom: 1px dotted #ccc; padding-bottom: 10px;	
    color: #3C4D67;
	font-size: 1.2em;
	
}
.calendariopagos a {font-size: 1.2em; margin: 0 0 5px; text-decoration: none;height: 40px; padding: 5px 0 5px 40px;}