html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}
body {
line-height: 1
}
:focus {
outline: 0
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
blockquote:before, blockquote:after, q:before, q:after {
content: ""
}
blockquote, q {
quotes: "" ""
}
input, textarea {
margin: 0;
padding: 0
}
hr {
margin: 0;
padding: 0;
border: 0;
color: #000;
background-color: #000;
height: 1px
}
body{
background-image:url('img/fnd.jpg');
background-position:top;
background-repeat:no-repeat;
margin:0 auto;
padding:0 auto;
background-color:#2d2d2d;
}
#wrapper{
width:850px;
margin:0 auto;
padding:0 auto;
margin-top:5px;
}
#head{
width:850px;
height:109px;
background-color:white;
background-image:url(img/head.jpg);
margin-bottom:3px;
}
#nav{
width:550px;
height:30px;
float:right;
margin-top:35px;
margin-right:15px;
}
#nav ul{
width:550px;
height:23px;
}
#nav li{
width:100px;
height:23px;
float:right;
display:block;
text-align:center;
font-family:Georgia;
font-weight:bold;
font-size:12px;
color:#7a011c;
padding-top:10px;
border-left:1px silver solid;
}
#nav li a{
width:100px;
height:23px;
text-align:center;
font-family:Georgia;
font-weight:bold;
font-size:12px;
color:#7a011c;
padding-top:5px;
text-decoration:none;
}
#nav li a:hover{
width:100px;
height:23px;
text-align:center;
font-family:Georgia;
font-weight:bold;
font-size:12px;
color:#7a011c;
padding-top:5px;
border-bottom:2px #7a011c solid;
text-decoration:none;
}
#cuerpo{
width:850px;
background-color:white;
margin-top:3px;
background-image:url('img/fnd-cont.jpg');
background-repeat:no-repeat;
background-position:top;
float:left;
}
#footer{
width:850px;
height:71px;
margin-top:3px;
background-image:url(img/fotter.jpg);
background-repeat:no-repeat;
float:left;
}
#footer p{
width:660px;
padding-top:30px;
padding-left:20px;
color:white;
font-family:"Trebuchet MS";
font-size:12px;
float:left;
}
#pie{
width:150px;
height:40px;
float:left;
cursor:pointer;
margin-top:20px;
}
#contenido{
width:500px;
font-family:Verdana;
font-size:12px;
color:gray;
padding:30px;
float:left;
}
#contenido h2{
width:500px;
font-family:Georgia;
font-size:21px;
color:#7a011c;
margin-bottom:10px;
border-bottom:1px #7a011c dotted;
}
#contenido p{
width:500px;
font-family:trebuchet MS;
font-size:12px;
color:gray;
text-align:justify;
line-height:18px;
}
.dest{
font-weight:bold;
color:gray;
}
#side{
width:278px;
float:left;
margin-top:20px;
margin-left:5px;
}
.img{
margin-left:20px;
}
#contenido-contacto{
width:400px;
font-family:Verdana;
font-size:12px;
color:gray;
margin:30px;
float:left;
}
#contenido-contacto h2{
width:400px;
font-family:Georgia;
font-size:21px;
color:#7a011c;
margin-bottom:10px;
border-bottom:1px #7a011c dotted;
}
#contenido-contacto :focus{
background-color:#00CCFF;
border:1px maroon solid;
}
#side2{
width:370px;
height:400px;
float:left;
margin-left:5px;
margin-top:50px;
}
.label{
height:30px;
width:350px;
border:1px white solid;
background-color:#E6FDFF;
}
.comentario{
height:170px;
width:350px;
border:1px white solid;
background-color:#E6FDFF;
}
#contenido3{
width:400px;
font-family:Verdana;
font-size:12px;
color:gray;
float:left;
margin-left:38px;
_margin-left:17px;
margin-top:25px;
}
#contenido3 h2{
width:770px;
font-family:Georgia;
font-size:21px;
color:#7a011c;
margin-bottom:10px;
border-bottom:1px #7a011c dotted;
}
#texto{
line-height: 25px;
border-bottom:1px gray dotted;
width:760px;
padding:10px;
margin-bottom:10px;
}
#texto h3{
font-size:20px;
font-family:Georgia;
color:maroon;
margin-top:30px;
}
.p33{
font-size:12px;
font-family:Georgia;
color:black;
}
#instalacion1{
width:800px;
height: 325px;
}
#instalacion1 ul{
width:380px;
float:left;
margin-right:2px;
color:gray;
}
#instalacion1 li{
width:380px;
height:75px;
background-color:#E2F8FC;
color:black;
font-size:11px;
line-height:18px;
text-align:left;
font-family:"Trebuchet MS";
margin:2px;
}
#instalacion1 h3{
font-size:15px;
font-weight:bold;
font-family:Georgia;
color:maroon;
}
#proyecto1{
width:800px;
}
#proyecto1 ul{
width:190px;
float:left;
margin-right:2px;
color:gray;
}
#proyecto1 li{
width:190px;
height:39px;
background-color:#E2F8FC;
color:black;
font-size:11px;
text-align:center;
font-family:"Trebuchet MS";
margin:2px;
}
#proyecto2{
width:800px;
float:left;
}
#proyecto2 ul{
width:190px;
float:left;
margin-right:2px;
color:gray;
}
#proyecto2 li{
width:190px;
height:39px;
background-color:#E2F8FC;
color:black;
font-size:11px;
text-align:center;
font-family:"Trebuchet MS";
margin:2px;
float:left;
}
#proyecto3{
width:800px;
}
#proyecto3 ul{
width:190px;
float:left;
margin-right:2px;
color:gray;
}
#proyecto3 li{
width:190px;
height:39px;
background-color:#E2F8FC;
color:black;
font-size:11px;
text-align:center;
font-family:"Trebuchet MS";
margin:2px;
float:left;
}
#proyecto4{
width:800px;
float:left;
}
#proyecto4 ul{
width:190px;
float:left;
margin-right:2px;
color:gray;
}
#proyecto4 li{
width:190px;
height:41px;
background-color:#E2F8FC;
color:black;
font-size:11px;
text-align:center;
font-family:"Trebuchet MS";
margin:2px;
float:left;
}
#proyecto5{
width:800px;
float:left;
}
#proyecto5 ul{
width:190px;
float:left;
margin-right:2px;
color:gray;
}
#proyecto5 li{
width:190px;
height:41px;
background-color:#E2F8FC;
color:black;
font-size:11px;
text-align:center;
font-family:"Trebuchet MS";
margin:2px;
float:left;
}
#proyecto6{
width:800px;
float:left;
}
#proyecto6 ul{
width:190px;
float:left;
margin-right:2px;
color:gray;
}
#proyecto6 li{
width:190px;
height:42px;
background-color:#E2F8FC;
color:black;
font-size:11px;
text-align:center;
font-family:"Trebuchet MS";
margin:2px;
float:left;
}
#proyecto7{
width:800px;
float:left;
}
#proyecto7 ul{
width:190px;
float:left;
margin-right:2px;
color:gray;
}
#proyecto7 li{
width:190px;
height:39px;
background-color:#E2F8FC;
color:black;
font-size:11px;
text-align:center;
font-family:"Trebuchet MS";
margin:2px;
float:left;
}
#paginador {
width:120px;
height:15px;
color:white;
font-family:"Trebuchet MS";
font-size:11px;
text-decoration:none;
margin-top:10px;
margin-bottom:10px;
float:left;
}
#paginador a{
width:10px;
height:10px;
padding:3px;
background-color:maroon;
color:white;
font-family:"Trebuchet MS";
font-size:11px;
text-decoration:none;
}
#paginador a:hover{
width:10px;
height:10px;
padding:5px;
background-color:maroon;
color:white;
font-family:"Trebuchet MS";
font-size:11px;
text-decoration:none;
}
#paginador a:visited{
width:10px;
height:10px;
padding:3px;
background-color:#808080;
color:white;
font-family:"Trebuchet MS";
font-size:11px;
text-decoration:none;
}
#paginador a:active {
width:10px;
height:10px;
padding:3px;
background-color:#CC0000;
color:white;
font-family:"Trebuchet MS";
font-size:11px;
text-decoration:none;
}
/********slider*********/
#slider1 {
width: 850px; /* important to be same as image width */
height: 200px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
background-color:#000;
}
#slider1Content {
width: 720px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
}
.slider1Image {
float: left;
position: absolute;
display: none;
}
.slider1Image span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 694px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.slider1Image span strong {
font-size: 14px;
}
.left {
top: 0;
left: 0;
width: 110px !important;
height: 200px;
}
.right {
right: 0;
bottom: 0;
width: 150px !important;
height: 185px;
}
ul { list-style-type: none;}