body{font:normal normal 10pt Arial,sans-serif; text-align:center; background-color:#000; background-image:url('./arte/tile_2.jpg');}
div{border:0px dotted black;}

img{border-width:0; vertical-align:middle;}
img.tipomime{width:16px; height:16px;}

a{font-weight:bold; text-decoration:none; background-color:transparent;}


/**************** CONTENEDOR GENERAL *****************************************/
#main{width:750px; position:relative; top:0; margin:0 auto; text-align:left; background-color:#000; border:0px solid #ccc; padding:0;}


/****************************** CABECERA *************************************/


#cabecera{position:absolute; top:0; left:0; height:130px; width:750px; background-color:#e80; background:url('arte/fondo_cabecera.png'); background-repeat:Y-repeat; padding:0; color:#fff; font-weight:bold; margin:0; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc;}
#logo{border:1px solid #999;}
#datos{float:left; background-color:#fff; color:#000; margin:5px 5px 0 2px; padding:2px; width:322px; font-size:8pt; text-align:left;}
#datos p{margin:0 0 0 5px;}
#cabecera *.c2{margin:15px 10px 0 345px; padding:2px 0 2px 0.5em; text-align:left; font:normal bold 10pt Arial,sans-serif; background-color:transparent; 
border-width:0 0 1px 1px; border-style:solid; border-color:#ccc;}
#cabecera *.c2 p{margin:2px 0;}
#cabecera a{text-decoration:underline;}


/**************************** BARRA NAVEGACION *****************************/


#navega{position:absolute; left:1px; top:135px; width:200px; margin:0;
 padding:1em 5px 0 5px; z-index:2;}

#navega div.seccion{color:#fff; background-color:black; margin:5px; padding:0 5px; border:1px solid #333; text-align:center;}

#navega div.seccion ul{list-style:none; padding:0; margin:0;}
#navega div.seccion li{padding:7px 0 5px 0px; background-image:url('arte/boton.png'); background-repeat:no-repeat; background-position:center top; margin-bottom:5px;}
#navega div.seccion li.esp{ 
	background-image:url('arte/boton_2_esp.png');
}
#navega div.seccion a{color:#fff;}
#navega div.seccion a:hover{color:#ff0;}
#navega div.seccion h1{color:#fff; font-size:12pt; text-align:center; background-color:transparent; margin:5px 0; background-image:url('arte/boton_2.png'); background-repeat:no-repeat; background-position:center top; padding:7px 0 7px 0px; }


#navega div.seccion p{text-align:left; font:normal bold 8pt Verdana,Arial,sans-serif; margin:0 0 5px 0;}

/*********************** CUERPO ***************************************/

#cuerpo,#cuerpo-legal{
position:absolute; left:0px; top:130px; width:517px; min-height:600px;
background-color:#000; background-image:url(arte/fondo_adorno.png); background-repeat:repeat-Y; color:#fff; 
border:0px solid #ccc;
font:normal normal 10pt Verdana,sans-serif;
padding:10pt 10pt 10pt 220px; margin-bottom:20px;
border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc;
}

#cuerpo h1,#cuerpo-legal h1{margin:0; text-align:center; padding-top:25px; margin:0; width:100%; border:0px dotted #999; background-color:#000; background-image:url('./arte/fondo_h1.png'); background-repeat:no-repeat; background-position:center top; height:65px; font-size:30px;}

#cuerpo h2{margin:0; font-style:italic; background-color:#000; padding-top:20px; padding-left:20px; background-image:url('./arte/fondo_h2.png'); background-repeat:no-repeat; background-position:left top; height:50px; font-size:18px; clear:both;}

#cuerpo p,#cuerpo-legal p{line-height:1.75em; text-align:justify; text-indent:2em;}
#cuerpo p.noindent{line-height:1.75em; text-align:justify; text-indent:0em;}

#cuerpo ul{margin:0; padding:0; list-style:none;}
#cuerpo ul.tramites{list-style:square inside; text-align:justify;}
#cuerpo li{margin:1em 0;}
#cuerpo dt{font-style:italic; font-weight:bold; line-height:1.5em; margin-top:1em;}

#cuerpo a{color:#fc0;}
#cuerpo a:hover{color:#cf0;}
/*#cuerpo a:visited{color:#fc0;}*/

/**/
#cuerpo div.intro-revista{padding:10px; border-color:#fff; border-width:1px 0 0 0; border-style:dotted;}
#cuerpo img.intro-revista-i{margin:10px;  float:left;}
#cuerpo img.intro-revista-d{margin:10px;  float:right;}
#cuerpo .nota{position:relative; top:-0.5em; font-size:0.7em;}
#cuerpo .notapie{font-size:0.7em; margin:0;}
/**/
#cuerpo div.img-corp {padding:10px; border-color:#fff; border-width:1px 0 0 0; border-style:dotted;}
#cuerpo div.img-corp img{ border:1px dotted #ccc; margin:5px; padding:5px;}
#cuerpo div.img-corp img.tipomime{border-width:0; width:16px; height:16px;}
/**/
div.ficha{border-width:1px 0; border-style:dashed; border-color:#ccc; margin:10px 0; padding:10px;}
div.ficha img{vertical-align:middle; margin-right:10px;}

/*fotos pequeñas de galerías*/
#cuerpo img.thumbnail{width:96px; height:72px; margin:5px;}
/*fotos pequeñas de galerías amigos*/
#cuerpo img.galeria-amigos{width:100px; height:75px; margin:5px 0;}

/************************ PANTALLAS DE TECNICA *********************************/
*.tecnica {margin-left:150px;}
div.tecnica p {text-align:left;}
div.tecnica li {text-align:left;}
div.tecnica h2 {padding:0; margin:0;}

/********************* GALERÍA CLIENTES *********************************/
div.marcas{float:left; margin:5px 10px; width:200px; padding:5px; font-size:12px; font-weight:bold; border:1px dashed #ccc;}
div.modelos{float:right; text-align:center; margin:5px 10px; width:200px; padding:5px; font-size:12px; font-weight:bold; border:1px dashed #ccc;}
div.marcas li, div.modelos li{margin:0; padding:0; line-height:8px;}

div.fichacliente{border-top:1px dashed #ccc; padding:10px 0; margin-top:10px; clear:both;}
div.datocliente{float:left; width:50%; font-weight:bold;}
div.datocliente p{margin:0; text-indent:0; text-align:left;}
div.fotocliente{float:right; width:45%;}
div.fotocliente img{margin:0 5px;}
.cerrarventana{float:right; font-size:0.75em;}


/************************** PIE ******************************************/

#pie {margin-top:20px; margin-bottom:400px; padding:0 0px; border-top:1px dashed #ccc; clear:both;}
#pie p{margin:0; padding:0 2px; font-size:10px; line-height:1.3em; text-indent:0;}
#pie p.submenu{text-align:center; margin:10pt 0; font-weight:bold;}
#pie a{color:#ff0;}
#pie a:hover{color:#f00;}
#pie a:visited{color:#fc0;}
#pie img.logo-norma{border:0; width:50px; height:17px}

/***************************** FORM VISITA ********************************/
form.visitaform {border:1px dashed #ccc; padding:0 1em; font-weight:bold;}
form.visitaform p, form.visitaform textarea{margin:5px;}
form.visitaform input, form.visitaform textarea, form.visitaform select{font:normal bold 10pt Arial,sans-serif;}
div.visitacab {position:relative; top:+0.5em; left:+1.5em; border:1px dashed #ccc; background-color:#000; width:30em; font-weight:bold; padding:3px 3px 3px 10px; }
div.visitacuerpo{border:1px dashed #ccc; padding:1em;}
div.visitapie{position:relative; top:-0.5em; left:+20em; border:1px dashed #ccc; background-color:#000; width:15em; padding:3px 10px 3px 3px; text-align:right;}


/**************************** especiales ****************/
span.nuevo{border:1px solid #c00; background-color:#ff0; color:#a00; font-weight:bold; padding:0 5px;}

span.fecha{font-weight:bold;}

span.legal{font-size:10px; font-weight:normal; line-height:1em;}

.boton{padding:5px 0 5px 10px; background-image:url('arte/boton.png'); background-repeat:no-repeat; background-position:left top; font-weight:bold; margin:5px; }

/*mensaje del enlace para subir fotos al movil*/
.subirfoto{font-size:0.7em; margin:0.1em;}


/**************************CUERPO FOTO **********************
Seccion CUERPO especial para las fotografías de las galerías */

#cuerpo_foto{position:absolute; left:0px; top:0px; Xwidth:724px; background-color:#000; background-image:url(arte/fondo_adorno.png); background-repeat:repeat-Y; color:#fff; border:1px solid #ccc; font:normal normal 10pt Verdana,sans-serif; padding:10pt; text-align:center;}

#cuerpo_foto a{color:#ff0;}
#cuerpo_foto a:hover{color:#f00;}
#cuerpo_foto a:visited{color:#fc0;}

/***********************   ENLACES VARIADOS **************************/
#enlacesvarios{
	width:200px;
	margin:10px;
	float:left;
	border:4px groove #ccc;
	padding:5px;
	font-size:11px;
	font-weight:bold;
	background-color:#c00;
	color:#ff0;
}
#enlacesvarios h3{margin:0; padding:2px; text-align:center; text-indent:0; font-weight:bold; color:#000; font-size:11px; border:1px solid #000; background-color:#ff0; }
#enlacesvarios ul{list-style:circle; margin:15px;}
#enlacesvarios li{margin:0.25em;}
#enlacesvarios a{color:#ff0;text-decoration:underline;}
#enlacesvarios a:visited{color:#ff0; text-decoration:underline;}
#enlacesvarios a:hover{color:#cc0; text-decoration:underline;}


div.tec p{margin-left:200px;}
div.tec ul p{margin-left:250px;}