/* ELEMENTO HTML Redefinidos */

body {
	background: url(../img/bg.jpg) #EBFA9B repeat-y; 
	margin: 0px;
	color: #333; 
	font-family: verdana,sans-serif; 
	font-size:11px;
}

p {
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 150%;
	letter-spacing: 0em;
}

a {
	color: #4f4f4f;
}

a:hover {
	color: #EBFA9B;
}

form {
	display: inline;
	margin: 0px;
}

input, select{
	height:1.2em;
	font-family: arial,sans-serif;
	vertical-align: top;
	border:#788059 1px solid;
	letter-spacing:0.1em;
}

h1 {
	margin: 0px; 
	padding:10px 5px 10px 20px;
	color: #fff;
	font-family: arial,sans-serif;	
	background: url(../img/bgh1.jpg) #3d547d;
}

h2 {
	margin-top: 0px; 
	margin-bottom: 0.5em; 
	color:#DF2B1E;
	font-family: arial,sans-serif
}

h3 {
	margin-top: 0px;
	margin-bottom: 10px;
	color: #026;
	font-family: arial,sans-serif;
}

h4 {
	font-weight: bold;
	margin: 0px 0px 5px;
	color: #333;
	font-family: arial,sans-serif;
}

h5 {
	font-weight: bold; 
	margin: 0px 0px 5px; 
	color: #693;
	text-transform:uppercase;
}

h2 span {
   color:#46a;
}

h3.bullet{
   background:url(../img/bul_azul.gif) no-repeat;
	 padding-left:20px;
}

td {
  padding:0px;	
	vertical-align: top; 	
}

td em{
  font-size: xx-small !important
}

table {
	border-collapse: collapse;
	margin-bottom:0px;
	padding-bottom:0px;
}

hr {
    border-width: 0px;
	clear: both;
	color: #bce;
	height: 1px;
	background-color: #bce;
}

hr.hrblanco{
  color: #fff;
  background-color: #fff;
}

ul {
	margin-top: 0.5em;
	padding-left: 17px; 
	margin-left: 17px;
	list-style-position: outside; 
	list-style-image: url(../img/ul.gif);
	line-height: 120%;
}
ol {
	margin-top: 0.5em;
	margin-left: 20px;
	padding-left: 20px;
	list-style-position: outside;
	line-height: 150%
}

li {
	margin-bottom: 4px
}

li strong {
   color:#900;
}

br {
	clear: both
}


img {
    border:0px;
}

pre{
  background:#ccc;
  margin-left:10px;
  padding:10px;
  font-size: x-small !important
}


/*************************************************************************/
/*                      COMIENZO DE PAGINAS                              */
/*************************************************************************/


#contenedor{
	margin: 0px auto; 
	padding: 0;
	width: 100%; 
	text-align: left;
}


#logo{
  padding: 0;	
	margin:0px;
	width: 100%; 
	height:60px;
	font-size:24px;
	background:#EBFA9B url(../img/bglogo.gif);
	color:#fff;
}

#menu{
	float:left;
	margin-top:50px;
	width:160px;
}

#contenido{
  position:relative;
	float:left;
	height:480px;
	width:615px;
}

#contenidocol{
	float:left;
	width:615px;
}



#pie{
  clear:both;
	margin-top:10px;
	padding-top:5px;
	margin-left:220px;
	padding-bottom:5px;
	color:#4f4f4f;
}

#pie a{
	color:#4f4f4f;
}

#pie a:hover{
	color:#DF2B1E;
}


#idiomas{
   clear:both;
   background-color:#DF2B1E;
   height:40px;
}

#idiomas p{
 padding:10px;
 margin-left:280px;
}

#idiomas a{
	font-weight:bold;
  margin-left:40px;
  color:#fff;
}

#idiomas a:hover{
  color:#000;
}

/* Contenidos pagina home */
#contA{
	position:absolute;
	top:0px;
	left:210px;
	width:380px;
	height:300px;
	border:#788059 1px solid;
	z-index: 2;
}


#contB{
	position:absolute;
	top:107px;
	left:20px;
	width:380px;
	height:234px;
	background-color:#fefefe;
	border:#788059 1px solid;
	z-index: 3;
}

#contC{
	position:absolute;
	top:337px;
	left:27px;
	width:580px;
	height:92px;
	z-index: 1;
}
#contC a{
	color:#4f4f4f;
}
#contC a:hover{
	color:#DF2B1E;
}
.colIndex{
   text-align:center;   
	 padding:20px 20px 0 20px;
}
.colIndex a img {
  border:#788059 1px solid;
}
.colIndex img {
  border:#788059 1px solid;
}


#contB div{
  padding:20px;
}

#contB p{
   font: Arial, Helvetica, sans-serif;
   font-size:14px;
	 /*font-weight:bold;*/
}


/* Pagina de Contactar */
#formcont{
  font-size:14px;
  position:absolute;
	padding:10px;
	top:0px;
	left:257px;
  width:333px;
	height:400px;
	background-color:#fefefe;
	border:#788059 1px solid;
  z-index:2;
}

#formcont a{
	color:#4f4f4f;
}

#formcont a:hover{
	color:#DF2B1E;
}


#fotcont, #fotempresa, #fotservicont, #fotprontomoda, #fotenlaces{
  font-size:14px;
  /*font-weight:bold;	*/
  position:absolute;
  top:158px;
  left:20px; 
  width:380px;
  height:300px;
  border:#788059 1px solid;
  z-index:1;
}

#contA{
 background:#fff url(../img/foto_home.jpg);
}

#fotcont {
 background:#fff url(../img/foto_contacto.jpg);
}
#fotempresa{
 background:#fff url(../img/foto_empresa.jpg);
}

#fotservicont{
 background:#fff url(../img/foto_servicios.jpg);
}

#fotprontomoda{
  background:#fff url(../img/foto_prontomoda.jpg);
}

#fotenlaces{
  background:#fff url(../img/foto_enlaces.jpg);
}


/* Pagina de servicios */

#servilist{
  font-size:14px;
  /*font-weight:bold;*/
  position:absolute;
	padding:10px;
	top:0px;
	left:210px;
  width:380px;
	height:210px;
	background-color:#fefefe;
	border:#788059 1px solid;
  z-index:2;
}

#servilist a{
  color:#333;
}

#servilist a:hover{
  color:#DF2B1E;
}

#serv1,#serv2,#serv3,#serv4,#serv5,#serv6,#serv7{
  margin:75px 10px 5px 10px;
	padding:10px;
  position:absolute;
  visibility:hidden;
	background-color:#fff;
	border:#788059 1px solid;
}

#servicont p{
  margin-right:20px;
}

/* Pagina de Colecciones */
#colecciones{
  font-size:14px;
	padding: 10px;		
	margin-left:200px;
	width:390px;
	height:72px;
	background-color:#fefefe;
	border:#788059 1px solid;
}

#listcol{
   margin-top:10px;
   margin-left:75px;
   padding:5px;
   padding-bottom:10px;
   width:430px;
	 height:320px;
   background-color:#fefefe;   
   border:#788059 1px solid;
}

#listcol a{
	color:#4f4f4f;
}

#listcol a:hover{
	color:#DF2B1E;
}

.colitem{
   text-align:center;   
}

td.colitem{
  padding:20px;
}

.colitem a img {
  border:#788059 1px solid;
}

.colitem img {
  border:#788059 1px solid;
}

/* Pagina de Modelos */
#coleccion{
  font-size:14px;
  position:absolute;
	padding: 6px;
	top:0px;
	left:108px;
  width:490px;
	height:70px;
	background-color:#fefefe;
	border:#788059 1px solid;
}

#modelo{
   position:absolute;
   top:95px;
   left:45px;
   padding:10px;
   width:400px;
   height:300px;
   background-color:#fefefe;
   border:#788059 1px solid;
}

#textomodelo{
   position:absolute;
   top:420px;
   left:45px;
   padding:10px;
   width:400px;
   height:44px;   
   background-color:#fefefe;
   border:#788059 1px solid;   
}

#listamodelos{
	position:absolute;
	top:95px;
	left:472px;
	padding:5px;
	padding-bottom:0px;
	width:128px;
	background-color:#fefefe;
	border:#788059 1px solid;
	z-index:2;
	height: 382px;
}

#listamodelos a{
	color:#4f4f4f;
}

#listamodelos a:hover{
	color:#DF2B1E;
}

.colitemficha{
   text-align:center;   
}

td.colitemficha{
  padding:5px;
}

.colitemficha a img {
  border:#788059 1px solid;
}

.colitemficha img {
  border:#788059 1px solid;
}

/*Empresa*/

#formempresa{
  font-size:14px;
  position:absolute;
	padding:10px;
	top:0px;
	left:216px;
  width:365px;
	height:321px;
	background-color:#fefefe;
	border:#788059 1px solid;
  z-index:2;
}

/*Prontomoda*/

#formpronto{
  font-size:14px;
  /*font-weight:bold;*/
  position:absolute;
	padding:10px;
	top:0px;
	left:244px;
  width:337px;
	height:314px;
	background-color:#fefefe;
	border:#788059 1px solid;
  z-index:2;
}

/*enlaces*/

#formenlaces{
  font-size:14px;
  position:absolute;
	padding:10px;
	top:0px;
	left:282px;
  width:306px;
	height:430px;
	background-color:#fefefe;
	border:#788059 1px solid;
  z-index:2;
}
#formenlaces a{
	color:#4f4f4f;
}
#formenlaces a:hover{
	color:#DF2B1E;
}

/* Pagina de aviso */
#aviso{
  position:absolute;
	padding:10px;
	top:0px;
	left:212px;
  width:380px;
	height:423px;
	background-color:#fefefe;
	border:#788059 1px solid;
  z-index:2;
}

/* Menu lateral */
#menu ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	list-style-image: none;
}

#menu li {
  margin:0px;
	padding:0px;
	margin-bottom:4px;
}

#menu ul li a {
  margin:0px;
	padding:5px 2px 5px 30px;
	display: block;
	background:#d3eb76;
	color: #4f4f4f;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
}

#menu ul li a:hover {
	color: #fff; background-color: #DF2B1E;
	/*background-color: #f8f8f8;*/
}

#menu ul li a.slctd {
	color: #555; background-color: #fff;
}

#menu ul li a.slctd:hover {
	color: #555; background-color: #fff;
}

.naranja{
	color:#DF2B1E;
}