* {margin: 0;padding: 0;font-family:Arial, Helvetica, Tahoma, sans-serif;}

body {text-align:center;background:#fff;}

#index {position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;overflow:hidden;width:300px;height:300px}
#index img{border:0;}


#foto {display:inline;float:left;width:250px;margin:50px 0 0 0}
#foto img {border:0;margin:0 0 10px 0}

a:link, a:visited, a:active {text-decoration: none;color: #333;}
a:hover {text-decoration: underline;}
a:active, a:focus {outline: 0;}

#contenedor{width:980px;margin:0 auto;}

#top {display:inline;float:right;width:670px;margin:0;padding:0;}

/* menu */
#menu {display: inline;float: right;margin:50px 0 0 0;width:675px;}
#nav, #nav ul {padding: 0;margin: 0;list-style: none;}
#nav li {float:left;position:relative;display:inline;font-weight:normal;}
#nav li a {display:block;font-weight:normal;margin:0 6px 0 0;padding:7px 20px;}
#nav li a:hover,#nav li a.estoy {background:#e1e1e1}
#nav li ul {position: absolute;width: 215px;left: -999em;z-index:1500 !important;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;overflow:hidden;list-style:none;}
#nav li ul li a {color:#333;text-decoration:none;margin:0;text-align:left;padding:7px 0 7px 18px;font-size:11px;cursor:pointer;width:150px;border:1px solid #e1e1e1;background:white}
#nav li ul li a:hover {color:#333;text-decoration:none;background: #e1e1e1}
/* fin menu */

#complemento{display:inline;float:right;width:670px;padding:0 0 50px 0;margin:50px 0 0 0;}

#main{display:inline;float:right;width:670px;margin: 0;text-align:left;padding:0;color:#333;overflow:hidden;}

#main h1{text-align:center;font-weight:normal;margin:20px 0 0 0;padding:0;}
#main h2{font-size:12px;color:#333;margin:0 10px;font-weight:bold;}
#main h3{font-family:Arial, sans-serif;font-size:18px;color:#333;margin:20px 0 0 0 !important;font-weight:normal;}
#main ul {margin-left:35px}
#main p,#main li {margin:20px 0;font-size:12px;font-family:Arial,sans-serif;color:#333;text-align:justify;line-height:19px;}

#main p.verde{font-weight:bold;color:green;}
#main input.email{width:404px;height:21px;background:url(/images/clave_r1_c1.gif) no-repeat;border:0;vertical-align:middle;line-height:21px;}

#main .producto {width:147px;background:url(/images/prod2.jpg) left bottom repeat-y;padding:0;float:left;margin:0 20px 20px 35px;text-align:center;min-height:195px}
.producto img.foto {margin:0 5px 10px 5px;border:0;padding:0 !important}
.producto a{font-size:11px;color:#333;display:block;font-size:10px}
.producto a.pading{padding:10px 0}
#main .detalle {width:450px;padding:0;float:right;margin:0;text-align:left;}

form {width:400px;margin: 0 0 20px 0;padding:0;font-size:12px}
fieldset{width:400px;padding:8px 0;text-align:left;border:0;color:#333;margin:0}
input, select, textarea{
width:400px;background:#fff; padding:2px;border:1px solid #ccc;margin:0 0 10px 0;
vertical-align:middle;color:#333;font-family:Arial, sans-serif;font-size:11px;
}
input.enviar  {width:120px !important;background:#2c2d29 !important;color:white !important;}
label { color: #333; font-size: 12px; line-height: 140%; margin: 10px 0 10px 0;  }
.error-message, label.error { color: red; margin: 0 0 1em 0;  display: block; font-size: 11px !important;font-weight:bold; }
/* para controlar el spam en formularios */
#messageLabel { display: none !important; }
#message { display: none !important;color:green;font-size:11px }
#mensaje { color:green;font-size:11px }

.pad {border:1px solid #8c8c8c;padding:2px;background:white;}

/* menu campus */
#campus {display: inline;float: left;margin:20px 20px 0 20px !important;background:#dcdcdc;width:608px;}
#campus ul {padding: 0 !important;margin: 0 !important;list-style: none;}
#campus li {padding:0 !important;margin:0 !important;float:left;position:relative;display:inline;font-weight:normal;}
#campus li a {padding:0 !important;margin:0 !important;display:block;height:30px;font-weight:normal;text-align:center;text-decoration:none;color:#B50035;width:100px;line-height:30px;}
#campus li a:hover,#campus li a.activa{background:white;border:1px solid #dcdcdc;border-width:1px 1px 0 1px;font-weight:bold}
/* fin menu */

.contenido {border:1px solid #dcdcdc;border-width:0 1px 1px 1px;margin:0 20px;float:left;width:606px;padding:0}

.contenido table{margin:0 20px;width:568px !important;font-size:12px !important}
.contenido td{padding:5px;border-bottom:1px dotted #dcdcdc;}


#pie{display: inline;float: left;height: 70px;width: 900px;background:url(/images/bgpie.jpg) bottom center no-repeat;margin:20px 0 0 0;overflow:hidden;}
* html body #contenedor #pie{display: inline;float: left;height: 70px;width: 900px;background:url(/images/bgpie.gif) bottom center no-repeat;margin:20px 0 0 0;overflow:hidden;}
#pie p.izquierda {text-align:left;font-size:11px;color:#333;padding:22px 20px 0 20px;width:450px;float:left;}
#pie p.derecha {text-align:right;font-size:11px;color:#333;padding:17px 20px 0 20px;width:350px;float:right}
#pie p.derecha img {vertical-align:middle;margin:0 0 0 10px;border:0;}
#pie a{color: #333;text-decoration: none;}
#pie a:hover {text-decoration: underline;}