﻿/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,  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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table { /* en el código html es necesario añadir cellspacing="0" */
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	border: 0;
}

/* TEXTO */

body 	{
	 background-color: #fcfcfc;
	 font-family: "trebuchet ms", arial, helvetica;
	 color: #333333;
     font-size: 13px; 
	 line-height: 1;
	 text-align:center;
}
p 	{
	margin: 10px;
	line-height: 16px;
}
a:link , a:visited {
	color: #3366cc; 
	text-decoration: none;
}
a:hover , a:active {
	text-decoration: blink;
	color: tomato ;
	border-bottom: dotted 1px;
} 
h1	{font-size: 11px;
	 font-weight: normal;
	 margin: 10px;
}
h2 	{
	font-family: "georgia", "times new roman", times;
	font-weight: normal;
	font-size: 17px;
	margin: 10px 105px 10px 10px ;
	border-bottom: #aaaaaa 1px dashed;
}
h3 	{
	font-family: "georgia", "times new roman", times;
	color: #444444;
	font-size: 12px;
	font-style: italic;
	margin: 15px;
}
ol 	{
	list-style-type: decimal;
}
ul 	{
	list-style-type: square;
}
li 	{
	margin: 10px 10px 10px 25px;
}
img  	{

}
table 	{
	font-size: 12px;
	color: #333333;
	font-family: "trebuchet ms", arial, helvetica;
}

input 	{
	font-size: 10px;
	padding-bottom: 0;
	margin: 0;
}


/* BOX */
#cajon	{
	width: 750px;
	margin: 0 auto;
	text-align:left;
}
#logo {
	width: 195px;
	height: 90px;
}
#cabeza	{
	width: 300px;
    height: 26px;
    position:absolute;
    top: 0;
	margin-left: 445px;
	text-align: right;
}
#menu {
	width: 555px;
    height: 64px;
    position:absolute;
    top: 26px;
	margin-left: 195px;
}
#imagen {
	width: 750px;
    height: 190px;
}
#cuerpo {
	width: 540px;
    min-height: 370px;
	_height: 370px;  /* Internet Explorer */
    margin-top: 5px;
	background-color: #f7f7f7;
	border: #999999 1px solid;
	border-radius: 5px; 
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px 10px; /* Safari */
}
#lateral {
	width: 195px;
    height: 200px;
    position:absolute;
    top: 280px;
	margin-left: 555px;
}
#boletin 	{
	width: 195px;
    height: 85px;
    position:absolute;
	top: 515px;
	margin-left: 555px;
	background: url(http://www.vectoraula.com/imagenes/caja.gif) no-repeat top left;
	padding: 32px 15px 0;
}
#google	{
	width: 195px;
	position:absolute;
	top: 615px;
	margin-left: 555px;
}
#pie {
	width: 540px;
	padding-top: 10px;
	text-align: center;
	font-size: 10px;
}