/* RESET */
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, b, u, i, center, 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-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! 
:focus {
        outline: 0;
}
*/

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
/* FIN DEL RESET */
.clearfix {
    display:block;
}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/** BASIC */

html, body {
	height: 100%;
}

/** HEADER */

#header {
	width: 765px;
	height: 110px;
	margin: 0px auto;
    cursor:pointer;
    position:relative;
}

.subpage #header, .subpage-wide #header {
	height: 188px;
	background: url(../graficos/images/subpage1_01.jpg) no-repeat left bottom;
}

/** LOGO */

#logo {
	float: left;
	width: 230px;
	height: 110px;
	background: url(../graficos/layout/logo.jpg) no-repeat left top;
}

#logo h1 {
	text-indent: -999em;
}

/** MENU */

#menu {
	float: right;
	width: 535px;
	height: 110px;
}

#menu ul {
	float: right;
	margin: 0px;
	padding: 31px 0px 0px 0px;
	list-style: none;
}

#menu li {
	float: left;
}

#menu a {
	background: url(../graficos/images/homepage02.gif) repeat-y left top;
}

#menu .first a {
	padding-left: 35px;
	background: none;
}

/** HEADER2 */

#header2 {
	width: 765px;
	height: 172px;
	margin: 0px auto;
}

/** PAGE */

#page {
	width: 745px;
	margin: 30px auto;
}

/** CONTENT */

#content {
	float: right;
	width: 506px;
}

.subpage-wide #content {
	float: none;
	width: auto;
}

.two-columns {
}

.two-columns .column-one {
	float: left;
	width: 235px;
}

.two-columns .column-two {
	float: right;
	width: 235px;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 204px;
}

/** FOOTER */

#footer {
	width: 765px;
	margin: 0px auto;
}

/** LOGIN */

#login {
	margin-bottom: 30px;
}

/** BOX1 */

#box1 {
	float: right;
	width: 535px;
	height: 172px;
}

/** BOX2 */

#box2 {
	float: left;
	width: 180px;
	height: 142px;
	padding: 15px 25px 0px 25px;
}

/** BOX3 */

#box3 {
}

/** BOX4 */

#box4 {
}

/** BOX5 */

#box5 {
}

/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h3 {
	margin: 0px;
}

h1, h2 {
	color: #178B8A;
}

h1 span, h2 span {
	color: #000000;
}

h1 {
	margin-bottom: 20px;
	font-size: 21px;
}

h2 {
	margin-bottom: 15px;
	font-size: 14px;
}

h3 {
	margin-bottom: 10px;
	font-size: 1.2em;
	color: #EA1323;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #626262;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
	line-height: 140%;
}

.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
	color: #FFA3AB;
    text-align:left;
}

.list1 li {
	margin-bottom: 20px;
	padding-left: 40px;
    min-height:20px;
}

.list1 .li1 { background: url(../graficos/images/homepage03.gif) no-repeat left center; }
.list1 .li2 { background: url(../graficos/images/homepage04.gif) no-repeat left center; }
.list1 .li3 { background: url(../graficos/images/homepage05.gif) no-repeat left center; }

/** LINKS */

a {
	color: #178B8A;
}

a:hover {
	text-decoration: none;
}

a.more {
	padding-left: 17px;
	background: url(../graficos/images/homepage10.gif) no-repeat left center;
}

/** STYLES */

.style1 {
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 {
}

/** MISC */

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

img { border: none; }

img.bordered {
	padding: 1px;
	background: #FFFFFF;
	border: 2px solid #DADADA;
}

img.left {
	float: left;
	margin: 3px 15px 0px 0px;
}

img.right {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

/** MENU */

#menu {
	background: url(../graficos/images/bg01.jpg) no-repeat left top;
}

#menu a {
	float: left;
	height: 35px;
	padding: 16px 25px 0px 37px;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
}

#menu a:hover {
	text-decoration: underline;
	color: #178B8A;
}

/** HEADER2 */

#header2 {
	background: url(../graficos/images/bg02.jpg) no-repeat left top;
}

/** PAGE */

#page {
	background: url(../graficos/images/homepage11.gif) repeat-y 220px 0px;
}

#page.subpage-wide {
	background: none;
}

/** SIDEBAR */

#sidebar h2 {
	margin-bottom: 10px;
	font-size: 12px;
}

/** FOOTER */

#footer {
	background: url(../graficos/images/homepage12.gif) repeat-x left top;
}

#footer p {
	margin: 0px;
	padding-top: 25px;
	line-height: normal;
	text-align: center;
	color: #B5B5B5;
}

ul.iconos{    
    margin: 1.5em auto 1.5em auto;
}

ul.iconos{
    width:290px;
}

ul.iconos li{
    float:left;
    margin:0 1.5em 0 0;
}


/* GENERAL */

 .hidden{
     display:none;
 }
 
 ul.errorlist{
     color:#FF0000;
     font-style:italic;
 }

 /*****************/
/*  FORMULARIOS  */
/*****************/
form.vertical{
    margin:1em 0;
    background-color:#F8F8F8;
    padding:10px;
    border:1px dotted #BFBFBF;
    position:relative;
}
form.vertical dl{
    margin:0em 0 1em 0;
}

form.vertical dl dt{
    font-weight:bold;
    margin:0 0 2px 0;
    font-size:1em;
}

form.vertical dl dd input, form.vertical dl dd textarea{
    background-color:#FFEEEE;
}
form.vertical dl dd input{
     font-size:1em;   
}
form.vertical ul.errorlist li{
    color:#FF0000;
    font-size:0.9em;
    font-style:italic;
}


/***************/
/* Idiomas  */
/***************/
form#form_selector_de_idioma{
    position:absolute;
    top:0px; right:0px;
}

form#form_selector_de_idioma ul li{
    float:left;
    margin:0 5px 0 0;
}

/***************/
/* Imagenes    */
/***************/

img.derecha{
    float:right;
    margin:0 1em 1em 1em;
}