@charset "utf-8";
/* CSS Document */

body {
font:.8em Verdana, Geneva, sans-serif;
text-align:center;
color:#333;
}

ul {
	list-style:square;
}

p {
margin:0 10px 10px;
}

a {
padding:10px;
}

div#header h1 {
height:67px;
text-align:right;
padding-right:10px;
font-size:1.9em;
margin-top:20px;
margin-bottom:0;
line-height:0;
}

div#container {
	text-align:left;
	width:867px;
	margin:0 auto;
}

div#content p {
line-height:1.4;
}

div#izq {
float:left;
width:576px;
}

div#izq-mono {
	float:left;
	width:560px;
	padding-top:50px;
	padding-left: 3px;
}

.sec-about {
	background-image: url(../img/tit-about.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

.sec-services {
	background-image: url(../img/tit-services.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

.sec-faq {
	background-image: url(../img/faq.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

.sec-contact {
	background-image: url(../img/tit-contact.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}


div#izq-izq {
float:left;
width:286px;
height:225px;
background-image:url(../img/iz-bg.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:40px;
}

div#izq-der {
float:right;
width:268px;
height:225px;
background-image:url(../img/mid-bg.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:40px;
padding-left:18px;
}

div#der {
float:right;
width:268px;
height:226px;
background-image:url(../img/der-bg.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:40px;
padding-left:18px;
}

div#footer {
color:#333;
float:right;
clear:both;
width:100%;
height:33px;
background-image:url(../img/copy.gif);
background-color:#FFF;
background-repeat:no-repeat;
background-position:right bottom;
border-top-width:5px;
border-top-style:solid;
margin-top:20px;
border-color:#3E4A50;
margin-bottom:15px;
}

div#footer p {
text-indent:-9000px;
margin:0;
padding:5px 10px;
}

#content {
background-image:url(../img/header.jpg);
height:284px;
width:867px;
}

#menu {
height:42px;
width:846px;
margin-top:3px;
background-color:#5C667F;
margin-bottom:30px;
background-image:url(../img/menu-bg.gif);
padding-left:21px;
overflow:hidden;
text-indent:-9000px;
line-height:0;
font-size:0;
}

#menu ul li a {
float:left;
text-align:center;
background-image:url(../img/menu.gif);
height:42px;
position:relative;
background-attachment:scroll;
background-repeat:no-repeat;
background-position:left top;
width:95px;
margin:0;
padding:0;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
}

#menu ul li a.about {
background-position:-96px top;
}

#menu ul li a.about-on {
	background-position:-96px center;
}

#menu ul li a.services {
background-position:-191px top;
}

#menu ul li a.services-on {
background-position:-191px center;
}

#menu ul li a.faq {
background-position:-286px top;
}

#menu ul li a.faq-on {
background-position:-286px center;
}


#menu ul li a.contact {
background-position:-381px top;
}

#menu ul li a.contact-on {
background-position:-381px center;
}

#menu ul li a span {
background:url(../img/menu.gif) no-repeat scroll bottom left;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

#menu ul li a.about span {
background-position:-96px bottom;
}

#menu ul li a.services span {
background-position:-191px bottom;
}

#menu ul li a.faq span {
background-position:-286px bottom;
}

#menu ul li a.contact span {
background-position:-381px bottom;
}

#menu ul li span:hover {
cursor:pointer;
}

#clear {
clear:both;
float:none;
width:800px;
height:1px;
}

#taglines {
padding-top:30px;
padding-right:20px;
}

#tag1 {
height:85px;
background-image:url(../img/div1.jpg);
background-repeat:no-repeat;
background-position:right bottom;
width:867px;
overflow:hidden;
}

#tag2 {
height:85px;
background-image:url(../img/div2.jpg);
background-repeat:no-repeat;
background-position:right bottom;
width:867px;
overflow:hidden;
}

#tag3 {
height:85px;
background-image:url(../img/div3.jpg);
background-repeat:no-repeat;
background-position:right bottom;
width:867px;
overflow:hidden;
}

#izq p,#der p,#izq li,#der li {
font-family:Verdana, Geneva, sans-serif;
font-size:1.1em;
}

#izq li,#der li,#izq ul,#der ul {
list-style:square;
margin-left:15px;
padding-left:5px;
margin-top:0;
}

.destacado {
font-weight:700;
color:#446172;
}

#container #izq a.more,#container #der a.more {
font-size:.8em;
color:#446172;
font-weight:700;
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
text-align:right;
}

#container #izq a.more:hover,#container #der a.more:hover {
color:#333;
text-decoration:underline;
}

#container .alto {
height:200px;
}

#container #der .alto #espanol {
	margin-top:20px;
	color:#446172;
}

html,body,#header {
margin:0;
padding:0;
}

#tag1 h2,#tag2 h2,#tag3 h2,#izq h3,#der h3 {
display:none;
}

.faq-qs {
	line-height: 1.5em;
	margin-bottom:80px;
}
.top {
	text-align: right;
}

#container #izq-mono .top a {
	color:#446172;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	padding:0;
	
}

#container #izq-mono .top a:hover {
	color:#333;
	text-decoration:underline;
}.faq-qs li a {
	color: #446172;
	text-decoration: none;
	padding: 0px;
}
#container #izq-mono ul li {
	padding-bottom: 10px;
}
#container #izq-mono h4 {
	font-size: 1.1em;
	margin-top: 40px;
}
#myForm {
	margin-top: 30px;
}
#f-iz {
	float: left;
}
#f-der {
	float: right;
}
#result {
	clear: both;
	float: right;
	width: 560px;
	text-align: center;
	font-weight: bold;
}
#success {
	color: #693;
}

#bademail, #badserver {
	color: #900;
}

