/* CSS Document */
@import url(sinhtml.css);
body { background:url(base_web.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#frase { width:100%; height:20px;}
#frase p{ text-align:center; color:#888; font-size:11px; padding-top:5px; height:15px;}
#web { width:900px; margin:0px auto;}
#web #cabecera {width:900px; float:left; height:120px;}
#web #cabecera #logo{ width:250px;height:100px; float:left;}
#web #cabecera #menu{ height:100px; float:left;}
#web #cabecera #menu ul{ list-style:none;}
#web #cabecera #menu ul li{ float:left;}
#web #cabecera #menu ul li a{ float:left; display:block; text-align:center; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ccc; margin-top:50px; margin-bottom:27px; border-right:1px solid #666; height:17px; padding-top:3px;}
#web #cabecera #menu ul li a:hover{ background-image:url(menu_up.jpg); color:#000; font-weight:bold;}
#web #cuerpo {width:900px; float:left;}
#web #cuerpo #col1{ width:160px; float:left;}
#web #cuerpo #col1 #cabecera{ width:160px; height:35px; float:left; margin-bottom:3px;}
#web #cuerpo #col1 #up{ width:160px; height:15px; float:left; background:url(col1_up.jpg) no-repeat;}
#web #cuerpo #col1 #down{ width:160px; height:15px; float:left; background:url(col1_down.jpg) no-repeat;}
#web #cuerpo #col1 #middel{ width:160px; float:left; background:url(col1_mid.jpg) repeat-y;}
#web #cuerpo #col1 #middel ul{ list-style:none; width:160px;}
#web #cuerpo #col1 #middel ul li{ }
#web #cuerpo #col1 #middel ul li a{float:left; width:140px; margin-left:10px;color:#000; float:left; padding-left:5px; padding-bottom:3px; }
#web #cuerpo #col2{ width:730px; float:left; margin-left:10px;}
#web #cuerpo #col2 #publicidad1{ width:728px; height:90px; float:left; margin-bottom:5px; margin-left:2px;}
#web #cuerpo #col2 #publicidad3{ width:728px; height:90px; float:left; margin-bottom:5px; margin-top:10px;margin-left:2px;}
#web #cuerpo #col2{ width:730px; float:left;}
#web #cuerpo #col2 #formulario{ width:730px; float:left; margin-top:10px;}
#web #cuerpo #col2 #formulario #formpedido{ width:560px; height:600px; float:left; background:url(fnd_pedido.jpg) no-repeat;}
#web #cuerpo #col2 #formulario #formpedido h2{width:520px; margin-left:20px; margin-right:20px; float:left; margin-top:20px; font-family:"trebuchet MS"; font-size:22px; font-weight:bold;}
#web #cuerpo #col2 #formulario #formpedido p{ width:520px; margin-left:20px; margin-right:20px; float:left; padding:5px 0px 5px 0px; text-align:justify; margin-top:5px; }
#web #cuerpo #col2 #formulario #formpedido fieldset{ border:none; width:500px; margin-left:30px; margin-right:30px; float:left; margin-top:10px; margin-bottom:30px;}
#web #cuerpo #col2 #formulario #formpedido label { font-weight:bold; font-size:12px; width:140px; float:left; display:block; margin-left:10px;margin-top:5px;}
#web #cuerpo #col2 #formulario #formpedido input,textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #ccc; margin-top:5px;}
#web #cuerpo #col2 #formulario #formpedido .nota{ width:360px; font-size:11px; color:#666;}
#web #cuerpo #col2 #formulario #publicidad2{ width:160px; float:left; margin-left:10px;}
#web #cuerpo #col2 .textos{ width:710px; float:left; margin-left:10px;}
#web #cuerpo #col2 .textos h1{ width:710px; float:left; font-family:"trebuchet MS"; font-size:20px; font-weight:bold;}
#web #cuerpo #col2 .textos p{float:left; padding:3px 5px 2px 0px; font-size:13px; color:#333; width:700px; text-align:justify;}
#web #cuerpo #col2 .textos p.cent{ padding:3px 5px 2px 0px; font-size:13px; color:#333; text-align:center;}
#web #cuerpo #col2 .modelos{width:560px; float:left; margin-left:10px;}
#web #cuerpo #col2 .modelos ul{ list-style:none;}
#web #cuerpo #col2 .modelos ul li a{ display:block; width:545px; font-family:"trebuchet MS"; font-size:12px; padding-left:5px; margin-top:5px; height:20px; padding-top:5px; color:#000; text-align:center; }
#web #cuerpo #col2 .modelos ul li a:hover{ color:#000; background-color:#eee;}
#web #cuerpo #col2 #sonmarcas{ width:730px; float:left; margin-top:10px;}
#web #cuerpo #col2 #sonmarcas h1{width:730px; float:left; margin-top:10px; font-family:"trebuchet MS"; font-size:20px; font-weight:bold;}
#web #cuerpo #col2 #sonmarcas ul {width:715px; float:left; margin-left:15px; margin-top:5px;}
#web #cuerpo #col2 #sonmarcas ul li{ float:left;}
#web #cuerpo #col2 #sonmarcas ul li a{ float:left; font-size:14px; color:#333; width:165px; margin-right:12px; margin-bottom:3px;}
#web #cuerpo #col2 #sonmarcas ul li a:hover{ text-decoration:underline;}
#web #pie {width:900px; float:left; margin-top:10px; margin-bottom:10px;}
#web #pie #modenlaces{width:900px; float:left; margin-top:5px;}
#web #pie #modenlaces{width:900px; float:left; text-align:left;}
#web #pie #modenlaces p a{ font-size:10px; font-weight:bold; color:#000;}
#web #cuerpo #col2 #fotos{ width:730px; float:left; margin-top:10px;}
#web #cuerpo #col2 #fotos p{ width:200px; float:left; margin-left:35px;}