/* reset */
h1,h2,h3,h4,h5,h6,ul,ol,li,form,dl,dt,dd,p,fieldset,body {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:1.3em;}
ul,li {list-style-type:none;}
fieldset,
a img {border:0;}
a {text-decoration:none;}
a:focus{outline: none;}
select,input,textarea {font-family: Arial, Helvetica, sans-serif; font-size:1.1em;}
input.bordificable, select, textarea {background:#fff; border:0; padding:2px;}

/* comunes */
body {background:#68ACE5; font-family:Arial, Verdana, sans-serif; font-size:11px;}
#container {width:700px; height:706px; margin:0 auto; overflow:hidden; background: url(../img/fondo.gif) no-repeat; padding:0 3px;}
#header {height:125px; }
	#header h1 {background: url(../img/logo-ravanetto.jpg) no-repeat; height:80px; width:675px; padding:20px 0 0 25px;}
	#header h1 a {display:block; width:275px; height:50px;}
	#header h1 a span {display:none;}
	#header ul {text-align:center; text-transform:uppercase; line-height:10px; font-size:10px;}
	#header ul li {display:block; float:left; overflow:hidden; width:98px; border:1px solid #555555;}
	#header ul li a {display:block; width:98px; height:18px; vertical-align:middle; float:left; color:#fff; padding-top:6px; background:#000 url(../img/fondo-menu.gif) repeat-x;}
	#header ul li a:hover,
	#header ul li a.select {background:#4980a0 url(../img/fondo-menu-select.gif) repeat-x; color:#000;}
	#header ul li a.paddTop {padding-top:1px; height:23px;}
#wrapper {padding:12px 25px; height:325px; position:relative; font-size:12px;}
h2 {font-weight:normal; font-size:10px; text-align:right; margin-bottom:30px;}
h3 {color:#666; text-transform:uppercase; font-size:22px; width:250px;}
h4 {font-size:45px; color:#404040; font-weight:normal;}
	#wrapper p {margin:4px 0 10px 0; width:265px; line-height:13px;}
	#wrapper p a {color:#428dd9; font-weight:bold;}
.left {float:left; margin-right:60px;}
#piePublicidad {position:absolute; right:10px; bottom:0;}
#footer {width:700px; margin:0 auto; padding-bottom:15px; font-size:10px;}
	#footer ul li {display:block; float:left; margin-left:10px;}
	#footer ul li a {color:#000;}
	#footer ul li a:hover {text-decoration:underline;} 
	#footer ul li.copyRight {margin-right:448px; margin-left:0;} 

.marginTop {margin-top:5px;}
.marginLeft {margin-left:5px;}
.marginBottom {margin-bottom:5px;}
.marginRight {margin-right:5px;}

/* publicitario */
ul.catalogo {width:60px; font-size:10px; padding-top:30px;}
	ul.catalogo li a {color:#000;}
	ul.catalogo li a:hover,
	ul.catalogo li a.select {color:#428dd9;}
.rest-pres dt {color:#428dd9;}
.rest-pres dd {height:14px;}
.rest-pres div dl {padding-bottom:10px;}
.rest-pres div dl dt {padding-bottom:5px; font-weight:bold; height:14px;}

.desc-pres {width:480px; text-align:left; color:#000; margin-top:15px; overflow:hidden; height:203px; clear:both; position:relative;}
.desc-pres div {position:relative;}
.rest-pres {font-size:10px; width:450px; color:#000; overflow:hidden;}
.cont-pres {overflow:hidden; width:450px; height:320px;}
.drag-pres {text-align:center;}
#drag {width:21px; height:205px; background: url(../img/scroll_pres.gif) no-repeat top center; float:right;} 
#catalogoScroll .desc-pres div.cuadroTop {width:15px; height:15px; position:absolute; top:0; right:0;}
#catalogoScroll .desc-pres div.cuadroBottom {width:15px; height:15px; position:absolute; bottom:0px; right:0;}

table#catalogoScroll {margin:-20px 0 0 20px; padding:0;}
	table#catalogoScroll td {vertical-align:top;}

#cont1 p{text-align:justify;}
#catalogoScroll #tcon1 dl dt {display:none;}
#catalogoScroll .desc-pres {width:220px; margin-top:0; text-align:left; color:#000; overflow:hidden; height:203px; clear:both; position:relative;}
#catalogoScroll .desc-pres div {position:relative;}
#catalogoScroll .rest-pres {font-size:12px; width:180px; color:#000; overflow:hidden;}
#catalogoScroll .cont-pres {overflow:hidden; width:180px; height:320px;}
#catalogoScroll .drag-pres {text-align:center;}
#catalogoScroll #drag {width:21px; height:205px; margin-right:15px; background: url(../img/scroll_pres.gif) no-repeat top center; float:left;} 
 
/* impresion */
div.left ul.marginTop li {margin-bottom:15px;} 
div.left ul.marginLeft li a {color:#000;}
div.left ul.marginLeft li a:hover {color:#428dd9;}

/* rotulacion */
div.containerImg {position:relative; height:215px;}
	div.containerImg img {display: none;position:absolute; left:0; top:0;}
div.left ul.marginRotula li {margin-top:10px;}
	div.left ul.marginRotula li a {color:#000;}
	div.left ul.marginRotula li a:hover {color:#428dd9;}

/* contacto */
form.left {margin-right:0; margin-top:-50px; font-size:10px;}
	form.left label, 
	form.left div {display:block; margin-bottom:5px; clear:both;}
	form.left div span,
	form.left label span {display:block; float:left; width:90px; text-align:right; margin-right:15px; padding-top:4px;}
 	form.left input,
	form.left select,
	form.left textarea {font-size:10px; border:1px solid #7bb0cb; width:190px;}
	form.left input.radio {width:13px; border:0; vertical-align:middle;}
	form.left div.cpPais input {width:80px; margin-right:10px;}
div#botones {margin-left:105px;}
	div#botones input {width:70px; text-transform:uppercase; margin:5px 10px 0 0; cursor:pointer; border:1px solid #29608b; background: url(../img/bt-form.gif) repeat-x; color:#fff;}

/* ubicacion */
div.mapa ul {margin-top:20px;}
	div.mapa ul li {margin-bottom:4px;}
	div.mapa img {display:block; margin-top:-40px;}
	div.mapa a {display:block; text-align:center; color:#428dd9; font-size:10px;}
	div.mapa a:hover {text-decoration:underline;}

/* montblanc */
a.linkExterno {display:block; color:#428dd9; font-size:10px; margin-left:15px;}
p.textoMargin {font-size:10px; padding-top:100px;}

/* legal */
#wrapper div.rest-pres p {width:430px;}
div.cuadroTop {width:15px; height:15px; position:absolute; top:0; right:0;}
div.cuadroBottom {width:15px; height:15px; position:absolute; bottom:0px; right:0;}