/**
* CSS
* @author Alberto Carazo 
*/
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

br { margin:0; padding:0;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

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

body {
	font:11px Helvetica,Arial, sans-serif;
	background: #fff;
	line-height:1.4em;
	
}

/*--- CONTAINERS DE SECCION ---*/

body.section-1 #content p{ 
	font-size:1.3em;
	line-height: 120%;
	margin:0 0 1em 0; 
	}
body.section-2 { }
body.section-3 { }


/*--- MENU ---*/

#menu {
    width: 215px;
	padding-left:20px;
	padding-top:150px;
    overflow: hidden;
    float:left;
	top: 0;
    bottom: 0;
	left: 0;
    height: 100%;
	background: #fff url(../img/bg_menu.png) no-repeat 1px 0px;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	/*border-top:1px dashed #ccc;*/
}

#menu ul li.section-title {
	/*border-left:6px solid #E2027A; */
	line-height:1em;
	text-align:left;
	font:bold 15pt Rockwell, Arial,sans-serif;
	padding-left:10px;
	padding-top:3px;
	background:none;
	margin-bottom:10px;
	color:#000;
	}

#menu ul li a { color:#E2027A; }
#menu ul li {
	padding-left:20px;
	padding-top:3px;
	background: url(../img/bg_li.png) no-repeat 0px 0px;
}

/*--- CONTAINER GENERAL ---*/

#content {
    height: 100%;
    margin: 0;
	padding:0 0 0 20px;
    top: 0;
	float:left;

}
.container {
    padding: 20px 15px 25px 15px;
	margin:0;
	height:auto;
    display:block;
	background-color:#fff;
}

#menu .container { 
	border:none; 
	background:transparent;
	margin:0;
	padding:0px 10px 0px 0px;
	}

#content .container {
	font-size:17px; 
	font-family: Georgia,Palatino,"Times New Roman";
	font-style: italic;
	line-height:20px;
	color:#666;
	}
#content p { 
	width: 700px; 
	margin:0 0 0.5em 0;  
	
	}

/*--- ENLACES, CABECERAS, PARRAFOS, ETC. ---*/

a { color:#009CCF;}
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: none; }

strong { font-weight:bold;}

.azul { color:#009CCF;}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 {
	line-height:1em;
	text-align:left;
	font:bold 25pt Rockwell, Arial,sans-serif;
	font-weight:bold;
	padding-left:10px;
	padding-top:3px;
	background:none;
	margin-bottom:10px;
	color:#000; 
	margin: 0 0 0.5em -0.3em 
	}
h3 { font-size: 16px; }
h4 { font-size: 12px; }

/*--- OTROS ---*/

#img-container	{ width: 700px; margin: 20px 0 0 0; padding: 0; background-color:#fff;  }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0;  }
#img-container #s1 {/*border:1px solid #f00;*/background:#fff;}
#img-container #s1 div{ margin:0 0 0 -15px; padding:15px; width:700px; background:#fff; overflow:auto;}
#once { clear: left; }