/* Página Web de Resopal */

* {
	margin: 0;
	padding: 0;
}

body {
	margin-bottom: 0px;
	font-family: Verdana;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #525252;	
	background: #FFFFFF url(../images/fondopuntos2.gif) repeat-x fixed center center; 
} 

/* Principal */

#principal {
	margin:0 auto 0 auto; 
	width: 50em;
	height: 35em;
	border: 1px solid #D6D6D6;
	background-color : #FFFFFF;
}

/* cabecera */

#cabecera {
	width: 50em;
	height: 9em;
	margin: 0 auto;
	background: url(../images/cuadraditos2.gif) no-repeat left top;		
}

/* Menu */

#menu {
	float: left;
	margin: 0 auto;
	width: 15.5em;
	height: 8em;			
}

#menu ul {
	margin: 0.5em 3.5em auto;		
	list-style: none;
}

#menu li {
	display: inline;	
}

#menu li img{
	margin: 0 0.4em 0em 0.5em;
	border: none;	
}

#menu .enlacea {	
	float: left;
	height: 2em;
	padding: 1em 0.5em 1em 0.8em;
	border-right: 0.2em dotted #C4D356;
	text-decoration: none;
	font-size: 0.6em;
	font-family: Arial;		
	color: #525252;
}

#menu .enlacea:hover {
	color: #FF8112;	
	border-right: 0.2em dotted #FF8112;	
}

#menu a b {
	text-decoration: underline;
}

/* Logo */

#logo {
	float: left;
	width: 15.5em;
	height: 2em;		
}

#logo img{	
	float: center;
	margin: 0 6em auto;
	border: none;			
}

/* Titulo  */

#titulo  {
	float: right;
	margin: 0 auto;
	width: 31em;
	height: 8em;
	background: url(../images/cuadraditos.gif) no-repeat right top;			
}

#titulo img {
	float: left;
	margin: 0 0.5em auto;			
}

#buscador{
	float: center;
	margin: 0 6em auto;			
}

#logotipo {
	float: center;
	margin: 0em auto;
}

/* Intermedio */

#intermedio {
	margin: 0 auto;	
	width: 50em;
	height: 2.5em;	
}

#mercados{	
	float: center;				
}

#mercados img{		
	border: none;			
}

#enlaces ul { 	
	width: 50em;
	height: 2em;	
	list-style: none;
	background: #DDDDDD;
} 

#enlaces li { 	
	display: inline;
	height: 2em;							
} 

#enlaces .blanco{ 	
	background: #FFFFFF;
	color: #FFFFFF;
	padding: 0em 0.5em 0.9em 0.6em;					
} 

#enlaces .gris{	
	background: #DDDDDD;
	color: #DDDDDD;
	padding: 0em 0.5em 0.9em 0.6em;				
} 

#enlaces a { 
	color: #999999;
	border-right: 0.1em solid #FFFFFF;	
	padding: 1em 0.5em 0.6em 0.4em;		
	text-decoration : none;
	font-family : Arial;
	font-size : 0.7em;
	font-weight : bold;
} 

#enlaces a:hover { 
	color : #555555;
	border-right: 0.1em solid #FFFFFF;			
} 

#enlaces .enlaceactivo { 
	color : #555555;
	border-right: 0.1em solid #FFFFFF;			
} 

#enlaces2 { 
	float : left;
	width : 16em;
	height : 5em;
	margin-left : 0em;
	margin-top : 0em;
} 
#enlaces2 ul { 
	margin : 2.5em auto ;
	padding : 0;
	list-style-type: none;
} 

#enlaces2 li { 
	border-bottom : 2px dotted #d5e8ad;
} 

#enlaces2 li a { 
	color : #FF8112;
	border-left : 3px solid #CCCCCC;
	display : block;
	padding : 0.5em 1em 0.5em 1em;
	text-decoration : none;
	font-family : Verdana;
	font-size : 1em;
	font-weight : bold;
} 

#enlaces2 li a:hover { 
	color : #555555;
	border-left : 3px solid #d5e8ad;
} 

#enlaces2 li a img { 
	border: none;
} 

#enlaces3 { 
	float : left;	
	margin-left : 3em;
	margin-top : 0em;
} 

#enlaces3 ul { 
	margin : 0.5em auto ;
	padding : 0;
	list-style-type: none;
} 

#enlaces3 li { 
	border-bottom : 4px dotted #d5e8ad;
} 

#enlaces3 li a { 
	color : #FF8112;
	border-left : 3px solid #CCCCCC;
	display : block;
	padding : 0.5em 1em 0.5em 1em;
	text-decoration : none;
	font-family : Verdana;
	font-size : 1em;
	font-weight : bold;
} 

#enlaces3 li a:hover { 
	color : #555555;
	border-left : 3px solid #d5e8ad;
} 

#enlaces3 li a img { 
	border: none;
} 

.servicios { 
	float : left;	
	margin-left : 3em;
	margin-top : 0em;
} 

.servicios ul { 
	margin : 0.5em auto ;	
	list-style-type: none;
} 

.servicios li { 	
	border-left : 3px solid #d5e8ad;
	padding : 0.5em 0.5em 0.5em 0.5em;
	font-size : 1.1em;
	
} 

/* pagina */

#pagina {
	width: 50em;
	margin: 0 auto;	
}

/* contenido */

#contenido {
	float: right;
	width: 50em;
	padding: 0em;		
}

.contenido ul { 
	margin : 1em;
	padding : 1em;
} 

.contenido #foto1,#foto2 { 
	margin : 0;
	padding : 1em;
	width: 48em;
	height: 48em;
} 

.contenido #imgaccesible { 
	margin : 0;
	padding : 1em;
	width: 11.5em;
	height: 1.7em;
} 

.contenido pre { 
	font-size : 1.5em;
	font-weight : bold;
} 

#contenido .tabla {
	margin: 0 0 0 0;
	width: 50em;	
}

/* lateral */

#lateral {
	float: left;
	width: 14.7em;
	padding: 2em;
	background-color : #EEEEEE;
}

/* interes */

#interes {
	padding-top: 10px;	
}

#interes ul {
	list-style-type: square;
}

#interes li {
	margin-bottom: 15px;
}

#interes h3 {
	margin-bottom: 10px;
	font-size: 92%;
}

#interes h3 a {
	display: block;
}

#interes p {
	font-size: 0.8em;
}


/* caja */

.titulo {
	background: url(images/menu.gif) no-repeat right center;
	border-bottom: 3px solid #29A3E1;
}

.caja1 .titulo {
	font: bold 1em Arial, Helvetica, sans-serif;
}

.caja1 .contenido {
	background: url(images/img05.gif) no-repeat left bottom;
	padding: 1em;
}

.caja2 .titulo {
	font: normal 1.5em Arial, Helvetica, sans-serif;
}

.caja2 .contenido {
	background: url(images/img06.gif) no-repeat left bottom;
	padding: 1em;
}

.caja3 .titulo {
	font: normal 1.5em Arial, Helvetica, sans-serif;
	padding: 1em;
}

.caja3 .contenido {
	background: url(images/img07.gif) no-repeat left bottom;
	padding: 1em;
}

.caja3 ol, .caja3 ul {
	margin-left: 1em;
}


/* pie */

#pie {
	float: left;
	width: 48em;
	margin: 0 auto;
	padding: 1.5em 0;
	border-top: 0.4em solid #E16629;
	background: url(images/fondoweb2.jpg) no-repeat 100%;
}

#pie .fondo {
	color: #336699;
	background-color : #EEEEEE;
	text-align: center;
	font-size : 1em;
	font-weight : bold;
}

#pie a img {
	float: center;
    border: none;
	padding: 0.5em;
	width: 7.5em;
	height: 2.5em;
}

#pie .w3c {	
	text-align: center;	
}


/* ********** */

td, textarea, input, select {
	font-family: Tahoma;
	font-size: 10px;
	color: #949494;
	font-weight: normal;
}

.tableDetail {
	font-size: 10px;
	font-family: Verdana;
	color: #49394E;
}

.celdaencabezado {
	border-bottom: 0.1em solid #CCCCCC;
}

.celdabordei {
	border-left: 0.1em solid #CCCCCC;	
}

.celdabordeis {
	border-left: 0.1em solid #CCCCCC;
	border-top: 0.1em solid #CCCCCC;	
}

.centroventa { 
	color: #999999;			
	text-decoration : none;
	font-family : Arial;
	font-size : 1.1em;
	font-weight : bold;
} 

.cabeceracentroventa { 
	color: #525252;			
	text-decoration : none;
	text-align: center;
	font-family : Arial;
	font-size : 1.1em;
	font-weight : bold;
} 

.encabezados {
	margin: 1.5em auto;
	font-family: Verdana;
	font-size: 1.3em;
	text-align: bottom;
	color: #FF8112;
	font-weight: bold;
}

.encabezados2 {
	margin: 0em 1.5em auto;
	font-family: Verdana;
	font-size: 1.3em;
	color: #FF8112;
	font-weight: bold;
}

.texto{ 
	margin: 1em auto;	
	text-align: right;
	font-family: Verdana;
	font-weight : bold;
	font-size: 0.7em;					
} 

.textoceldas{ 
	margin: 0em 1.5em auto;
	font-family: Verdana;
	font-size: 1em;						
} 

.textoceldas a {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #949494;
	text-decoration: none;
}
.textoceldas a:hover {	
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #545454;
	text-decoration: none;	
}
.textoceldas a:visited {
	
}

.textoceldas2{ 
	margin: 1em 1.5em auto;
	font-family: Verdana;
	font-size: 1em;						
} 

.text1 {
	font-family: tahoma;
	font-size: 10px;
	color: 767575;
	font-weight: bold;
}

.text2 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: FF8112;
}
.text3 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: C4D356;
}
.text4 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #33485D;
}
.text5 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: F96825;
}
.text6 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: 944F23;
}
.text7 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.text8 {

	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 94AEC5;
}
.text9 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 4E4E4E;
}

.designed_by {
	font-family: Arial;
	font-size: 8.5px;
	font-weight: lighter;
	color: #000000;
}

/*
a:link {
	color: #949494;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #FF8112;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	border: thin none #FFFFFF;
	text-decoration: underline;
}
a:visited {
	color: #949494;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
}
*/

a.a:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #767575;
	text-decoration: underline;
}
a.a:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FF8112;
	text-decoration: underline;
}
a.a:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #767575;
	text-decoration: underline;
}
a.a2:link {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #767575;
	text-decoration: underline;
}
a.a2:hover {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FF8112;
	text-decoration: underline;
}
a.a2:visited {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #767575;
	text-decoration: underline;
}
a.b {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: FF8112;
	text-decoration: underline;
}
a.b:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
a.b:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #ff8112;
	text-decoration: underline;
}
a.c:link  {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #C4D356;
	text-decoration: underline;
}
a.c:hover {	
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #525252;
	text-decoration: underline;	
}
a.c:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #C4D356;
	text-decoration: underline;
}
a.d:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #33485d;
	text-decoration: underline;
}
a.d:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #E4141A;
	text-decoration: underline;
}
a.d:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
a.e:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #944F23;
	text-decoration: underline;
}
a.e:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #4E4E4E;
	text-decoration: underline;
}
a.e:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #944F23;
	text-decoration: underline;
}
a.f:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 594B13;
	text-decoration: underline;
}
a.f:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #4E4E4E;
	text-decoration: underline;
}
a.f:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 594B13;
	text-decoration: underline;
}
a.g:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a.g:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}
a.g:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a.y {	
	color: #AAAAAA;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.y:hover {	
	color: #555555;	
}
a.y:visited {
	color: #AAAAAA;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#imagen img{	
	/*float: center;*/
	margin: 0 3em auto;
	border: none;			
}

img.imagen{	
	/*float: center;*/
	margin: 0 1em auto;
	border: none;			
}
ul.x { 		
	list-style: none;
	background: #DDDDDD;
} 
.inputstyle {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #5F726F;
	background-color: #E2EDEB;
	border: 1px solid #333333;
}