/* Top Elements */
html, body {margin: 0; padding: 0; min-height:101%; margin-bottom:1px;}

body {
	color:#000;
	font: 12px/130% Tahoma, Geneva, Kalimati, Arial, Helvetica, sans-serif;
	text-align:left;
	background: #0c78a8; 
}
strong {
	font-weight: bold
}
.clear {
	clear:both;
	height:50px;
}
/*-------------------------------------------
   LAYOUT
--------------------------------------------*/ 
#wrapper {
	background-color: #0c78a8;
}
#contentWrapper {
	width:830px;
	margin: 0 auto;
	min-height:450px;
	height:auto;
	overflow:auto;	
}
h3 {	
	font-size:36px;	
	color:#4b4a4a;
	line-height:1.4em;
	font-family:"Century Gothic", Verdana, arial, sans-serif;
	font-weight:bold;
	padding:0;
}
/*>>>>>>>>> HEADER >>>>>>>>>>>>>>*/
#header {	
	height:200px;
	background: url(../_img/sprite.png) no-repeat -5px 0px;
	margin:10px 0 0 0;
	
}
#header h1 a {
	width:150px;
	height:175px;
	display:block;
	position:relative;
	top:15px;
	left:30px;	
}

/*>>>>>>>>> NAVIGATION >>>>>>>>>>>>>>*/
#menuTab {
	width:770px;
	height:37px;
	position:relative;
	top:0px;
	left:28px;		
}
#menuTab li {
	display:inline;
	list-style-type:none;
	height: 35px;		
}
#menuTab li a {
	width:122px;
	height: 30px;
	display:block;
	float:left;
	margin: 4px 4px 0 0px;
	text-indent:-99999px;			
}
/*>>>>>>>>> FOOTER >>>>>>>>>>>>>>*/
#footer {
	background: url(../_img/bg-footer.png) repeat-x;	
	color:#ebe8c5;
	height:39px;
	width:100%;
	position:fixed;
	bottom:0;
	
}
#footer p {
	padding-top:10px;
	width: 650px;
	line-height:150%;
	margin:0 auto;
}
#footer span {
	width:200px;
	height:25px;	
	display: block;
	float:left;	
	text-indent:-99999px;	
	background: url(../_img/sprite.png) no-repeat -5500px -200px;
	
}
#footer a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin-left:3px;
}
#footer a:hover {
	text-decoration: underline;
	color:#ccc;
}
/*-------------------------------------------
   PAGES
--------------------------------------------*/ 
/*>>>>>>>>> HOME >>>>>>>>>>>>>>*/
#mainHome {
	background: url(../_img/sprite.png) no-repeat 0px -200px;	
}
#spotHome {	
	overflow:auto;
		
}
#homeTxt {
	width:810px;		
	height:360px;			
	margin:50px 0 0px 15px;
	overflow:auto;		
}

#homeTxt p {
	font-size: 1.1em;	
	margin: 0px 30px 0 30px;
	padding:5px 0;	
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;	
	line-height:1.3em;
	color:#4b4b4b;
	text-align:justify;
}
#homeTxt .short {
	width:495px;
	font-size: 1.1em;	
	margin: 0px 30px 0 30px;
	padding:5px 0;	
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;	
	line-height:1.3em;
	color:#4b4b4b;
	text-align:justify;
}

/* subContent */
#subHome {	
	width:800px;	
	min-height:50px;
	height:auto;
	margin:10px auto 30px auto;		
	overflow:auto;	
}

/*>>>>>>>>> ABOUT >>>>>>>>>>>>>>*/
#mainAbout {
	background: url(../_img/sprite.png) no-repeat -850px -200px;	
}
#spotAbout {
	overflow:auto;
	
}
#textAbout {
	width:810px;	
	height:400px;		
	margin:50px 0 0px 15px;
	overflow:auto;	
}

#textAbout p {
	font-size: 1.1em;	
	margin: 0px 30px 0 30px;
	padding:5px 0;	
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;	
	line-height:1.3em;
	color:#4b4b4b;
	text-align:justify;
}

#subAbout {
	width:800px;
	min-height:205px;
	height:auto;
	margin:0px auto 30px auto;		
	overflow:hidden;	
}

#subAbout h4 {	
	background: url(../_img/sprite.png) no-repeat -5080px -200px;
	text-indent:-99999px;
	height:45px;
	width:235px;
	margin:10px 0 5px 0;
	padding:0px;	
}
#subAbout p {	
	margin:0px auto;
	width:700px;			
	font-size:1.1em;
	text-align:justify;
	color:#e1deaf;
	
}
.clear {
	height:20px;
	clear:left;
}

/*>>>>>>>>> HOSTING >>>>>>>>>>>>>>*/
#mainHosting {
	background: url(../_img/sprite.png) no-repeat -1700px -200px;	
}
#spotHosting {
	overflow:auto;
	
}
#textHosting {
	width:810px;	
	height:430px;		
	margin:50px 0 0px 15px;
	overflow:auto;		
}

#textHosting p {
	font-size: 1.1em;	
	margin: 0px 30px 0 30px;
	padding:5px 0;	
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;	
	line-height:1.3em;
	color:#4b4b4b;
	text-align:justify;
}

#subHosting {
	width:800px;
	min-height:50px;
	height:auto;
	margin:0px auto 30px auto;		
	overflow:auto;
	
}
.testtext p {
	font-size:1em;
}
/**************** PORTFOLIO *************/
#mainPort {
	background: url(../_img/sprite.png) no-repeat -2550px -200px;
}
#spotPort {	
	overflow:auto;
	
}
#textPort {
	width:810px;	
	height:150px;		
	margin:50px 0 0px 15px;
	overflow:auto;		
}
#spotPort h3 {
	width: 255px;
	height: 109px;
	font-size:36px;
	float:left;
	margin:45px 15px 0 20px;
	line-height:1.1em;
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;
}
#spotPort p {
	font-size: 1.1em;	
	margin: 0px 30px 0 30px;
	padding:5px 0;	
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;	
	line-height:1.3em;
	color:#4b4b4b;
	text-align:justify;
}
#subPort {
	width:760px;	
	height:auto;
	margin:20px auto 30px auto;		
	overflow:hidden;
	
}
.thumb {
	float:left;
	width: 200px;
	height: 153px;	
	padding: 7px 0 0px 30px;
	margin-right:15px;
}
.thumb img {
	width: 206px;
	height: 145px;
}
.webtext {
	width:750px;			
	overflow:auto;
	margin:0 0 15px 0;
}
.webtext p {
	width:250px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#ccc;
	font-style:italic;
}

/*>>>>>>>>> PRICES >>>>>>>>>>>>>>*/
#mainPrice {
	background: url(../_img/sprite.png) no-repeat -3400px -200px;	
}
#spotPrice {
	overflow:auto;
	
}
#textPrice {
	width:810px;	
	height:150px;		
	margin:50px 0 0px 15px;
	overflow:auto;	
}

#textPrice p {
	font-size: 1.1em;	
	margin: 0px 30px 0 30px;
	padding:5px 0;	
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;	
	line-height:1.3em;
	color:#4b4b4b;
	text-align:justify;
	
}

#subPrice {
	width:800px;
	min-height:50px;
	height:auto;
	margin:0px auto 30px auto;		
	overflow:auto;
	
}
.testtext p {
	font-size:1em;
}
/*>>>>>>>>> CONTACT >>>>>>>>>>>>>>*/
#mainContact {
	background: url(../_img/sprite.png) no-repeat -4250px -200px;	
}
#spotContact {
		
}

#textContact {
	width:760px;
	height:200px;
	margin:0 0 0px 20px;
	overflow:auto;			
}

#textContact p {
	width:540px;
	font-size: 1.1em;	
	margin: 50px 25px 0 30px;
	padding:10px 0 0 0;	
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;	
	line-height:1.3em;
	color:#4b4b4b;
	text-align:justify;
}
#textContact p span {
	font-weight:bold;
	font-style:italic;
	font-size:1.3em;
}
.pdfhandouts {
	width:800px;	
	height:auto;
	margin:10px auto 20px auto;		
	overflow:auto;	
	text-align:center;
}

.pdfhandouts p {
	width:200px;
	float:left;
	padding:5px 0 0 0;
	margin:0;
	color:#eeebcb;
	font-size:1em;
	font-weight:bold;
}
.pdfhandouts p a {	
	color:#ded457;	
	font-weight:bold;
}
.pdfhandouts p a:hover {	
	color:#fff;	
	font-weight:bold;
}
.dash {
	width:750px;	
	height:2px;
	margin:0px auto 0px auto;		
		
	border-top:1px dotted #ded457;	
}
#subContact {
	width:800px;
	min-height:50px;
	height:auto;
	margin:40px auto 30px auto;		
	overflow:auto;
}

#subContact #formulario {
	margin: 0px 0 0 0;
	font-size:12px;
	color:#fff;
	width: 765px;
	float:left;	
}

#subContact #formulario p {
	padding: 5px 0 0 0;
	
}
#subContact #contactform {
	height: 300px;
}
#subContact #contactform span {
	color:#ffc53f;
	font-weight:bold;
}
#subContact #form-izq {
	width: 300px;
	float:left;
	padding-left: 12px;
}
#subContact #form-izq p {
	color: #ffc53f;
	margin-left:72px;
	font-size:10px;
}
#subContact #form-der {
	width: 221px;
	float:left;
	margin: 18px 0 0 21px;
}
#subContact #form-der p {
	margin-left:72px;
	width:90px;
}
#subContact #form-izq label {
	display:block;
	text-align:right;
	margin-bottom:8px;	
}
span.alert, span.approved {
	display:block;
	margin:15px 84px 200px 100px;
	padding:8px 10px 8px 36px;
	font-size:12px;
	width:350px;
}
span.approved {
	background:#7ab5cf url(../_img/approved.png) no-repeat scroll 10px 50%;
	border:2px solid #13536f;
	color:#000;
}
span.approved strong {
	color:#854704;
}
span.approved a {
	color:#854704;
}
span.approved a:hover {
	text-decoration:underline;
}
span.alert {
	background:#FFD5D5 url(../_img/alert.png) no-repeat scroll 10px 50%;
	border:2px solid #FFACAD;
	color:#CF3738;
}
span.alert a {
	color:#CF3738;
}
span.alert a:hover {
	text-decoration:underline;
}
input {
	margin: 5px 0 5px 15px;
	vertical-align: middle;
	padding:14px 8px 8px 8px;
	width:205px;
	color:#e5e5e5;
	height:20px;
	border-width:0px;	
	background: url(../_img/sprite.png) no-repeat -5080px -250px;
	font: 11px/130% Tahoma, Geneva, Kalimati, Arial, Helvetica, sans-serif;
}
#email_txt {
	background: url(../_img/sprite.png) no-repeat -5080px -310px;
}
#phone_txt {
	background: url(../_img/sprite.png) no-repeat -5080px -370px;
}
#city_txt {
	background: url(../_img/sprite.png) no-repeat -5080px -428px;
}
textarea {
	width:400px;
	height: 159px;
	border-width:0px;
	color:#e5e5e5;
	margin: 14px 0 5px 0;
	padding:14px 8px 8px 8px;
	background: url(../_img/sprite.png) no-repeat -5320px -288px;
	overflow:auto;
	font: 11px/130% Tahoma, Geneva, Kalimati, Arial, Helvetica, sans-serif;
}
.button {
	border: none;
	width:66px;
	height:25px;
	background: url(../_img/sprite.png) no-repeat -5400px -200px;
	text-indent:-99999px;
	display:block;
	font-size: 0px;
	line-height: 0px;
	float: right;
}
.button:hover {
	background: url(../_img/sprite.png) no-repeat -5400px -235px;
	cursor:pointer;
}
/* error and ok pages */
#mainContact2 {
	background: url(../_img/sprite.png) no-repeat -5850px -200px;	
}

#spotContact2 {
	overflow:auto;
	
}
#subContact2 {
	width:800px;
	min-height:50px;
	height:auto;
	margin:10px auto 30px auto;		
	overflow:auto;
}
#errortxt {
	width:563px;
	height:60px;
	float:left;	
}
#errortxt h3 {
	width: 532px;	
	margin:15px 5px 0 40px;
	line-height:1.1em;
	font-size:30px;
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;		
	text-indent:-99999px;	
	
}
#errortxt p {
	width: 500px;	
	margin:10px 5px 0 20px;
	line-height:1.1em;
	font-size:14px;
	color:#666;
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;
}
#oktxt {
	width:563px;
	height:60px;
	float:left;	
}
#oktxt h3 {
	width: 532px;	
	margin:15px 5px 0 40px;
	line-height:1.1em;
	font-size:30px;
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;	
	text-indent:-99999px;
		
}
#oktxt p {
	width: 760px;	
	margin:10px 5px 0 20px;
	line-height:1.1em;
	font-size:14px;
	color:#666;
	font-family:"Trebuchet MS", "Century Gothic", Verdana, arial, sans-serif;
}