/*
Template Design by ZhengDesign.com
http://www.zhengdesign.com
Released for free under a Creative Commons Attribution-Share Alike 3.0 Philippines
*/

* {margin: 0; padding: 0;}

body {
	margin: 30px 0;
	padding: 0;
	background: #36393E url(images/image01.jpg) repeat left top;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #767676;
	}

p, ul, ol {margin: 0; padding: 0; line-height: 23px;}

h1, h2, h3 {margin: 0; padding: 0;}
h1 {font-size: 2em;}
h2 {font-size: 1.4em; color:#00c6ff;}
h3 {font-size: 1.25em;}

p, ul, ol {margin-top: 1.5em;}
ul, ol {margin-left: 3em;}

a {color: #00BFF5;}

blockquote {margin-left: 3em; margin-right: 3em;}

#header {
	width: 900px;
	height: 270px;
	margin: 0 auto;
	padding: 0;
	background: url(images/image05.jpg) no-repeat left top;
	}

#navigation {
	width: 900px;
	height: 51px;
	margin: 0 auto;
	padding: 0;
	background: #212226;
	}

#navigation ul {margin: 0; list-style: none;}

#navigation li {display: inline;}

#navigation a {
	display: block;
	float: left;
	height: 49px;
	background: url(images/image04.png) no-repeat right 18px;
	margin-right: 2px;
	padding: 12px 30px 0 30px;
	text-decoration: none;
	color: #fff;
	}

#navigation a:hover {color: #00C6FF;}

#navigation .first {color: #00C6FF;}


#logo {width: 310px; padding: 5px 0;}

#logo h1 {
	margin: 50px 0 10px 0;
	padding: 0;
	letter-spacing: -3px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 34px;
	color: #fff;
	}

#logo p {
	margin: -8px;
	padding: 0 0 0 10px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	}

#logo .logoimg {margin:10px 0 0 100px;}

#logo span {
	margin: 0;
	padding: 0;
	font-size: 16px;
	}

#logo a {text-decoration: none; color: #fff;}

#splash {
	width: 900px;
	height: 300px;
	margin: 0 auto;
	padding: 30px 0;
	}

#content {
	width: 900px;
	margin: 0 auto;
	padding: 40px 0;
	background: #fff;
	}

#page {width: 840px; margin: 0 auto; padding: 0 30px;}

#column1 {float: left; width: 520px; padding-right: 30px;}

#column1 h2 {
	padding-bottom: 6px;
	letter-spacing: -1px;
	font-size: 28px;
	font-weight: normal;
	}

#column2 {float: right; width: 240px;}

#column2 h2 {
	padding: 6px 10px;
	background: #00C6FF;
	text-transform: capitalize;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	}

#column2 ul {margin: 0; padding: 0; list-style: none;}

#column2 li {
	margin: 0 10px;
	padding: 8px 0;
	background: url(images/image03.jpg) repeat-x left bottom;
	}

#column2 li a {
	padding-left: 15px;
	text-decoration: none;
	background: url(images/image02.jpg) no-repeat left 6px;
	}
	
#column2 img {border:#ccc 1px solid; padding:1px; margin:3px;}

.separator {}

.more {
	padding: 3px 10px;
	background: #474747;
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	}
	

#footer {width: 900px; margin: 0 auto; padding: 5px 0;}
#footer p {text-transform: uppercase; font-size: 10px; color: #90908E;}
#footer .links {text-decoration: none; color: #fff;}

.image-left {float: left; padding: 0 20px 0 0;}

/* -------- Formulario--------- */
.formulario {
		float:left;
		width:450px;
		padding:10px;
		background:#f9f9f9;
		border:1px solid #ccc;
		}
		
input.button {
			color:#fff;
			background:#00C6FF;
			font:bold 11px Arial, Helvetica, sans-serif;
			text-decoration:none;
			padding:10px 10px;
			margin:5px 5px 5px 0;
			border:1px solid #00AFDF;
			}
			
input.button:hover {cursor:pointer; color:#000;}


/* -------- C L E A R--------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
.clearfix {display: inline-block; clear:both;}

html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}