html, body {font:12px 'Trebuchet MS', Arial, Verdana, sans-serif; color:#FFF;}
body {margin:0; padding:0; background:#FD2;}
img {border:0 none; }

#principal {margin:25px 0; padding:0 0 8px 0; position:absolute; left:50%; width:955px; margin-left:-478px;/* top:50%; height:540px; margin-top:-275px; min-height:540px;*/ background:#060 url(../imagenes/fondo_ppal.gif) repeat-x left top; border:1px solid #060; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; box-shadow:7px 7px 3px #9D7D00; -moz-box-shadow:7px 7px 3px #9D7D00; -webkit-box-shadow:7px 7px 3px #9D7D00;}
#logotipo {margin:15px 0 0 40px; padding:0; background:#FC0 url(../imagenes/logotipo_servicampo.gif) no-repeat left top; width:177px; height:77px;}
#logotipo span {display:none;}
#montes {margin:0; padding:0; background:#FC0 url(../imagenes/montes.jpg) no-repeat left top; width:955px; height:73px;}
#contenedor {position:relative; top:0px; margin:0; padding:10px 0; background:#060 url(../imagenes/agua.gif) no-repeat right top; width:955px;}
#foto {margin:35px 0 0 45px;}

#menu {margin:-240px 0 0 600px;}
#menu_int {position:absolute; top:83px; left:600px; margin:0;}
#menu, #menu_int {padding:0; height:236px; background:transparent url(../imagenes/img_menu.gif) no-repeat left bottom; border:1px solid transparent;}
#menu ul, #menu_int ul {margin:60px 0 0 80px; padding:0; list-style:none;}
#menu li a, #menu_int li a {margin:5px 0; padding:0 0 0 15px; background:transparent url(../imagenes/bullet.gif) no-repeat left center; color:#FFF; text-decoration:none; display:block;}
#menu li a:hover, #menu_int li a:hover {background:transparent url(../imagenes/bullet_over.gif) no-repeat left center; color:#FC0;}
#submenu {margin:0; padding:0; height:25px;}
#submenu ul {margin:0; padding:0; list-style-type:none;}
#submenu li {float:left;}
#submenu li a {margin:2px 5px 2px 0; padding:0 15px; text-align:center; text-decoration:none; background:#007D00; color:#FFF; border:1px solid #003500; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#submenu li a:hover {color:#FFF; background:#FFF; color:#007D00; border:1px solid #003500;}

#contenidos {margin:10px 30px; padding:0 15px 0 0; width:510px;}
#contenidos h2 {font-size:16px; margin-top:20px;}
#contenidos h3 {font-size:14px; color:#FFCC00;}
#contenidos h2, h3 {clear:both;}
.ver_fotos {margin:-35px 0 0 0; float:right; font-size:10px;}
.ver_fotos a {padding:2px 9px; text-decoration:none; background:#060 url(../imagenes/fondo_boton.gif) no-repeat center center; color:#FFF;}
#fotos {margin:0; padding:0; border:1px solid transparent;}
#fotos ul {margin:0; padding:0; list-style-type:none;}
#fotos li {margin:0 -1px 5px -1px; padding:0 5px; float:left;/* height:100px !important; width:100px !important;*/ text-align:center;}
#fotos li p {margin:0; padding:0; text-align:left;}
#volver {clear:both;}
#volver a {margin:0; padding:0 15px; text-decoration:none; background:#FD2; color:#060; border:1px solid #000;}
#volver a:hover {background:#000; color:#FD2; border:1px solid #FD2;}
form {margin:10px 0 0; padding:0;}
#contactar label {display:block; margin:5px 0; color:#FFF;}
#contactar input {position:absolute; left:210px; margin:0; padding:1px 2px; width:270px; font:11px 'HelveticaNeue-Thin', Verdana, Helvetica, sans-serif ;color:#000; border:1px solid #FFF;}
#contactar textarea {/*padding:0 2px; margin:-12px 0 0 110px; height:80px;*/ position:absolute; left:210px; padding:1px 2px; margin:0; width:270px; font:11px 'HelveticaNeue-Thin', Verdana, Helvetica, sans-serif ;color:#000; border:1px solid #FFF;}
#galeria{margin:0 0 20px 0;}

#banner {position:absolute; top:20px; right:20px;}
#pie p{margin:25px 0 -7px 0; padding:0; text-align:center; font-size:10px; background:#060 url(../imagenes/lat_pie.gif) no-repeat center center; clear:both;}
#ayser {position:absolute; right:0px; bottom:-25px; margin:5px 10px;}