/*RESET*/
html, body, div, span, applet, object, iframe, 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0;vertical-align:baseline; background:transparent;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/* STYLES */

html
{
	font-size: 18px;
}

 body
{
	background:#FFF; 
	font-family: Arial, Helvetica, sans-serif;
	color:#444;  
	margin:0;
	padding:0;
}  

h1 
{
	font-size: 40px;
	text-align: left;
	text-shadow: 0 2px 2px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 2px 2px rgba(0,0,0,0.3);
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}

h2
{
	font-size: 26px;
	text-align: center;
	text-shadow: 0 2px 2px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0 2px 2px rgba(0,0,0,0.3);
	font-family: 'Lato', sans-serif;
}

a
{
	text-decoration:none;
	color: #3184AF;
	font-family: 'Lato', sans-serif;
} 


p,li
{
 
    text-align: justify;
	line-height:2;
}

label
{
	display:block;
	margin-top: 1em;
}

input[type='text'], select
{
	font-family: 'Lato', sans-serif;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	border: 1px solid #999;
	height: 25px;
}

/* forms */


.forms
{
	width: 50%;
}

/* end forms */
.validationMessage
{
	display:inline;
	color: #FE2E2E;
}

.subtitle
{
	font-family: 'Lato', sans-serif;
	border-bottom:1px solid #CCCCCC;
	line-height:1.5;
}

.cuadro
{
	margin-top: 10px;
	margin-bottom: 10px;
}  

.cuadro ul
{
	padding: 0;
	margin: 0 0 0 -4px;
}     

.cuadro ul li
{
	padding: 0;
	margin: 0 0 50px 100px;
	background-color:#FAFAFA;
	border: 1px black solid;
	width:200px;
	list-style:none;
}
.cuadro ul li h1
{
	margin: 0;
	padding: 0;
	color:black;
	text-align:center;
}

.cuadro ul li p
{
	margin-left: 10px;
	margin-right: 10px;
}   


#top
{
	text-align:center;
	display: block;
	margin-right: 750px;
}

#footer
{
	text-align:center;
	margin-top: 5px;
	display: block;
}

#footer a
{
	text-align:center;
	font-family: 'Lato', sans-serif;
	color: #126e93;
	word-spacing: 100px;
}

#footer p
{
	text-align:center;
	font-family: 'Lato', sans-serif;
	line-height:1;
}

#container
{
	background:#fff;
    border:1px solid #CECECE;
	width: 960px;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 5px;
	background-color:#FFF;
}  

#content
{
	width:95%;
	margin:0 auto;
}

#content p
{
	margin-right:350px;
}

.clear
{
	clear: both;
}
.columr 
{
	width: 300px; 
	padding-left:15px; 
	border-left:1px solid #aaa; 
	float: right;
}

.mensajes{color:red;font-family: 'Lato', sans-serif;}

#box
{
	background: #FAFAFA;
	border-left:1px #ddd solid;
	border-right:1px #ddd solid;
	border-bottom:1px #ddd solid;
	-moz-box-shadow:4px 4px 4px #CBCBCB;
    -webkit-box-shadow:4px 4px 4px #CBCBCB;
    box-shadow:4px 4px 4px #CBCBCB;
    border:1px solid #CECECE;
	margin-top: 40px;
	margin-bottom: 40px;
}

#box h2
{
	color: black;
	line-height: 0;
}

#box ul
{
	list-style: none;
	margin-left: 0;

}

#box li
{
	margin-left: -40px;
	background: url(imagenes/bullet.png) no-repeat;
	padding: 5px 5px 20px 30px;
	line-height: 1;
	text-align: left;
}

#formImg
{
	background: #FAFAFA;
	border-left:1px #ddd solid;
	border-right:1px #ddd solid;
	border-bottom:1px #ddd solid;
	-moz-box-shadow:4px 4px 4px #CBCBCB;
    -webkit-box-shadow:4px 4px 4px #CBCBCB;
    box-shadow:4px 4px 4px #CBCBCB;
    border:1px solid #CECECE;
}

#formImg p
{
	margin-bottom: 10px;
	text-align: center;
}

#formImg h2
{
	color: black;
	text-align:left;
}

/* top bar */

#topBar
{
	background-color:#FFF;
	height: 80px;
	width: 960px;
	margin:0 auto;
}

#topBar img
{
	
}

#menu
{
	background-color: #126e93; /* #70aec3*/ 
	border:1px solid #CECECE;
	padding: 0;
	list-style-type: none;
	height: 40px;
    margin: 0 auto;
	width: 960px;
}


#menu li
{
    font-size: 18px;
	float: left;
	margin-left: 1.8em;
	display: block;
}

#menu a
{
	color: white;
	font-family: 'Lato', sans-serif;
	padding: 0.6em;
}

#menu a.current
{
	text-decoration:underline;
}

#menu a:hover
{
	text-decoration:underline;
}


/* slideshow */

.jssorn08l, .jssorn08r, .jssorn08ldn, .jssorn08rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(images/d08.png) no-repeat;
	overflow:hidden;
	opacity: .4; filter:alpha(opacity=40);
}
.jssorn08l { background-position: -5px -35px; }
.jssorn08r { background-position: -65px -35px; }
.jssorn08l:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssorn08r:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssorn08ldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
.jssorn08rdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }


