@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
line-height: 1.5em; background-image:url(images/bg.jpg); margin-top:10px;}

b{font-size: 110%;}
em{color: red;}

#maincontainer{width: 889px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/}

#topsection{height:84px; margin-bottom:7px; padding-top:7px;}
#topsection .logo{position:absolute; margin:0;}
#topsection .url{position:absolute; margin-top:7px; margin-left:308px;}
#topsection .slogan{position:absolute; margin-top:84px;}
#topsection .menu{position:absolute; margin:7px 0 0 657px; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
#topsection .menu a{color:#FFFFFF; text-decoration: none; padding-left: 14px; padding-right:10px; }
#topsection .menu a:hover{color: #f8e001;}
#topsection .home{background:url(images/home.gif) no-repeat center left; }
#topsection .home:hover {background:url(images/home-h.gif) no-repeat center left; }
#topsection .sitemap{background:url(images/site-map.gif) no-repeat center left;}
#topsection .sitemap:hover {background:url(images/site-map-h.gif) no-repeat center left;}
#topsection .contactenos{background:url(images/mail.gif) no-repeat center left;}
#topsection .contactenos:hover {background:url(images/mail-h.gif) no-repeat center left;}

#topsection .lavaLampWithImage {position:absolute; height: 25px; width:658px; padding:4px 7px 10px 35px; margin:49px 0 0 259px; overflow: hidden; text-align:center;}
#topsection .lavaLampWithImage li {float: left; list-style: none;}
#topsection .lavaLampWithImage li.back {background: url("images/lava.gif") no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute;}
#topsection .lavaLampWithImage li.back .left {background: url("images/lava.gif") no-repeat top left; height: 30px; margin-right: 9px; /* 7px is the width of the rounded shape */}
#topsection .lavaLampWithImage li a {font: bold 12px arial; text-decoration: none; color: #d2d103; outline: none; text-align: center; top: 7px; letter-spacing: 0; z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 10px;}
#topsection .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {border: none; color:#FFFFFF;}

#slogan{float:left; width:100%; line-height:normal; margin-bottom:7px; padding-top:7px;}
#slogan h1 {margin:0; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;}

#contentwrapper{float: left; width:100%;}
#contentcolumn{margin-right:300px; /*Set right margin to RightColumnWidth*/ font-family:Tahoma; font-size:13px; color:#615f5f; line-height:normal;  margin-top:14px;}
#contentcolumn #carousel {width:575px; padding: 0; overflow: scroll; border: 1px solid #b0daea; text-align:center; font-family:Tahoma; font-size:14px;}
#contentcolumn #carousel ul {list-style: none; width:575px; margin: 0; padding: 0; position: relative;}
#contentcolumn #carousel li {display: inline; float: left;}
.textholder {text-align: left; font-size: small; padding: 6px; -moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; color:#014c74;}
#contentcolumn #servicios {font-family:Tahoma; font-size:13px; color:#615f5f; line-height:normal; margin:14px 14px 0 0; }
#contentcolumn #servicios hr{ color:#3473BA; margin:14px 0 14px 0;}
#contentcolumn h1 {margin:7px 0 0px 0; color:#FE911A; font-family:Trebuchet MS; font-size:24px;}
#contentcolumn h2 {margin:3px 0 0 0; color:#0161B7; font-family:Trebuchet MS; font-size:24px;}
#contentcolumn h3 {margin:3px 0 4px 0; color:#0161B7; font-family:Trebuchet MS; font-size:16px;}
#contentcolumn h4 {margin:0 0 2px 0; color:#333333; font-family:Trebuchet MS; font-size:16px;}
#contentcolumn h5 {margin:3px 0 4px 0; color:#FE911A; font-family:Trebuchet MS; font-size:18px;}
#contentcolumn #formulario {font-family:Tahoma; font-size:13px; color:#615f5f; line-height:normal;}
#contentcolumn #formulario h1 {margin:0; color:#0161B7; font-family:Trebuchet MS; font-size:18px;}
#contentcolumn #formulario .p{ margin:0px 0 7px 0;}
div.fsi{width: 550px; /*width of form rows*/ overflow: hidden; padding:2px 0;}
div.fsi label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */  float:left; width:150px; /*width of label (left column)*/ margin-right: 15px; /*spacing with right column*/ text-align:right; color:#615f5f;}
div.fsi div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */ float: left; margin-bottom:2px; /* space following the field */ }
div.fsi div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */width:350px;}
div.fsi div.thefield textarea{ /* style for TEXTAREA fields. */ width: 350px; height: 100px;}
div.fsi div.thefield ul{list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ margin-left:7px;}
div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/ margin-top: 5px; /*space above buttonsdiv*/  margin-bottom:21px; margin-left:165px;}
div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */ width: 80px; height:35px;}

#rightcolumn{float: left; width: 300px; /*Width of right column*/ margin-left:-300px; /*Set left margin to -(RightColumnWidth) */ margin-top:14px;}
#rightcolumn h1 { margin:0px; color:#2e67b2; font-size:24px; text-align:left; margin-left:21px; padding-top:7px;}
#rightcolumn ul { list-style-image: url("images/arrow.gif"); line-height:normal; }
#rightcolumn li a{color:#0066cc; text-decoration:none; } 
#rightcolumn li a:hover{ color:#3b3b3b; text-decoration:underline;}
#rightcolumn .servicios{background-color:#f7f7f7; height:250px; font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#615f5f;}
#rightcolumn .paquetes{text-align:center; height:329px; margin-top:7px;}
#rightcolumn .paquetes img{ margin-bottom:14px;}
#rightcolumn .bgcd{padding:1px 14px 7px 14px; font-family:Tahoma; font-size:13px; background-color:#e6eaed; background-image:url(images/bg-cd.gif); background-position:top; line-height:normal;}

#content{float:left; width:100%; text-align:left; line-height:normal; font-family:Tahoma; color:#4a413c; padding-bottom:14px;}
#content .slogan{ margin:14px 0 7px 0; font-size:12px; text-align:left; color:#615f5f;}
#content .txt{font-size:13px; text-align:left; color:#615f5f;}
#content h1 {color:#0161B7; font-family:Trebuchet MS; font-size:24px;}
#content h2 {font-family:Trebuchet MS; color:#615f5f;}
#content h3 {margin:0; font-size:16px; color:#0161B7; font-family:Trebuchet MS;}


#content .servicio-web{float:left; width:275px; font-family:Tahoma; text-align:left; font-size:13px; color:#5a4f4b; padding-right:14px; margin-top:7px;}
#content .servicio-web p{ margin-top:0px;}

#content #servicios{ width:900px; height:165px; margin:0 0 0 0; padding:14px 0 0 0;}
#content #servicios h1 {color:#b4c133; font-size:14px; text-align:left;}

#formulario{width:auto; margin:0 0 0 10px; padding:10px 0px 20px 10px; font-family: Arial, Helvetica, sans-serif; color:#333333;}
#commentForm {width:550px; }
#commentForm label {width:150px; text-align:right; }
#commentForm label.error {width:350px; text-align:left; }
#commentForm label.error, #commentForm input.submit { margin-left:150px; }

#footer{clear: left; width: 100%; color:#06476f; text-align: center; padding:21px 0 7px 0; font-family:Tahoma; font-size:13px; line-height:normal; border-top:1px solid #3473BA; }
#footer a{color:#06476f; text-decoration:none; font-weight:bold; padding:0 7px 0 7px;}
#footer a:hover{color:#0161B7;}