body{
background:url(images/background.png) no-repeat fixed;
margin:0px;
margin-top:0px;
}
#caja{
width:800px;
}
#encabezado{
width:800px;
background-color:#000000;
text-align:center;
}
#fotohome{
width:800px;
height:350px;
background:url(images/atardecer.png) no-repeat;
text-align:center;
}
#piehome{
width:800px;
background-color:#000000;
height:230px;
}
#pie{
width:800px;
height:500px;
background-color:#000000;
text-align:left;
}
#piereconstructiva{
width:800px;
height:280px;
background-color:#000000;
text-align:left;
}
#pieaudio{
width:800px;
background-color:#000000;
text-align:left;
}
#textpie{
width:500px;
color:#FFFFFF;
text-align:justify;
font-family:"Century Gothic";
font-size:12px;
float:left;
margin-left:20px;
margin-top:10px;
}
#textpieinter{
width:700px;
color:#FFFFFF;
text-align:justify;
font-family:"Century Gothic";
font-size:12px;
}
#titular{
font-family:"Century Gothic";
font-size:16px;
color:#FFFFFF;
font-weight:bold;
}
#pretitu{
font-family:"Century Gothic";
font-size:14px;
color:#00CCFF;
font-weight:bold;
text-decoration:underline;
}
#contacto{
width:800px;
height:350px;
background-color:#000000;
text-align:center;
}
#inicio{
width:80px;
height:40px;
background:url(images/inicio_01.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#inicio2{
width:80px;
height:40px;
background:url(images/inicio_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#inicio:hover{
width:80px;
height:40px;
background:url(images/inicio_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#estetica{
width:127px;
height:40px;
background:url(images/estetica_01.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#estetica2{
width:127px;
height:40px;
background:url(images/estetica_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#estetica:hover{
width:127px;
height:40px;
background:url(images/estetica_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#reconstructiva{
width:180px;
height:40px;
background:url(images/reconstructiva_01.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#reconstructiva2{
width:180px;
height:40px;
background:url(images/reconstructiva_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#reconstructiva:hover{
width:180px;
height:40px;
background:url(images/reconstructiva_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#audiovisuales{
width:125px;
height:40px;
background:url(images/audiovisuales_01.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#audiovisuales2{
width:125px;
height:40px;
background:url(images/audiovisuales_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#audiovisuales:hover{
width:125px;
height:40px;
background:url(images/audiovisuales_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#cirujanos{
width:150px;
height:40px;
background:url(images/cirujanos_01.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#cirujanos2{
width:150px;
height:40px;
background:url(images/cirujanos_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#cirujanos:hover{
width:150px;
height:40px;
background:url(images/cirujanos_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#contactenos{
width:136px;
height:40px;
background:url(images/contactenos_01.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#contactenos2{
width:136px;
height:40px;
background:url(images/contactenos_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#contactenos:hover{
width:136px;
height:40px;
background:url(images/contactenos_02.png) no-repeat;
text-decoration:none;
text-transform:none;
}
#contactcaja{
width:800px;
height:685px;
background:url(images/contact.png) no-repeat;
text-align:left;
}
#form{
width:360px;
text-align:justify;
margin-left:30px;
font-family:"Century Gothic";
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
#bordes{
width:267px;
text-align:center;
font-family:"Century Gothic";
font-size:12px;
color:#FFFFFF;
}
#infosite{
margin-top:20px;
width:100%;
font-family:"Century Gothic";
color:#FFFFFF;
font-size:12px;
text-align:center;
float:left;
font-weight:bold;
}
#infosite2{
margin-top:20px;
width:600px;
font-family:"Century Gothic";
color:#FFFFFF;
font-size:12px;
text-align:center;
float:left;
font-weight:bold;
}
#preguntas{
font-family:"Century Gothic";
font-size:11px;
color:#FFFFFF;
}
#preguntas:hover{
font-family:"Century Gothic";
font-size:12px;
color:#FFFFFF;
}
#link{
text-decoration:none;
text-transform:none;
}