/*
Theme Name: Mr. Sunshine
Theme URI: http://www.huelvaholidays.com
Description: Theme for <a href="http://www.huelvaholidays.com">HuelvaHolidays.com</a>.
Version: 1.0
Author: Rafael Pastor, Javier González
Author URI: http://www.techtourconsulting.com/
*/
@charset "iso-8859-1";

																/* >>> ELEMENTOS <<< */

* {
	margin: 0;
	padding: 0;
	}
	body {
		color: #96640E;
		background-color: #FFF;
		font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		font-size: 10px;
		text-align: center;
		background-position: top center;
	    background-image:url(images/background-main.gif); 
	    background-repeat: repeat-y;

		}

    p {
      color:#946508;
	  font-size: 12px;
	  text-align:justify;
	  margin:10px 0 10px 0;
	}


    a { color:#96640E; }
	a:hover { color:#FFF; background:#FFA300; }

	table { border:1px solid #96640E; background:#EEEEEE; }


h1{
	font-size:20px;
	color:#ffa300;
	text-decoration: none;
	font-weight:bold;
}	

h1 a {
	font-size:20px;
	color:#ffa300;
	text-decoration: none;
	font-weight:bold;
}	


h2{
	font-size:16px;
	color:#452907;				
	font-weight:bold;
	margin:15px 0 5px 0;
}		
		
h2 a {
	font-size:16px;
	color:#452907;				
	font-weight:bold;
	text-decoration:underline;
}		

h2 a:hover{
	color:#FFFFFF;	
	background:#946508;
}		


h3 a{
	font-size:14px;
	color:#452907;				
	font-weight:bold;
	text-decoration:underline;
	margin-left:10px;
}		

h3 a:hover{
	color:#FFFFFF;	
	background:#946508;
}		

ul
{
  list-style:none;
  margin:2x 0 2px 10px;
  font-size:11px;
}


																/* >>> CONTENEDORES <<< */
																
div#container-main {
	width: 775px;
	margin: 0 auto;
	text-align: left;
    position:relative;
	left:1px;
	}	
	div#container-header{
		height: 80px;	
		}
		div#container-header-logo{
			width: 382px;
			height:	75px;
			background-image:url(images/logo.gif);
			background-repeat:no-repeat;
			float:left;
			margin: 2px 0 0 10px;
			}
		div#container-header-menu{
			width: 250px;
			height:	30px;	
			color:#adadad;	
			float:right;
			margin: 10px 20px 0 0;
			text-align:right;
			color:#fd8000;
			font-size: 14px;
    		text-decoration:none;
			}				
    div#container-menu{
		background-image:url(images/imagen-cabecera.jpg);
		background-repeat:no-repeat;
		height: 151px;	
		margin-left:-2px !important;
		margin-left:0 !important!;
		margin-left:-1px;
		height:151px;
		}	
		div#container-menu-opciones{
			float:right;
			background-color:#96640e;
			width: 230px;
			height: 151px;					
			margin: 0 20px 0 0;
			}
	div#container-body{
		}
		div#container-body-parrafo{
			width: 750px;
            margin: 10px auto 0 auto;    
		    }	
				
			div#texto-contenido{
				margin: 10px 0;			
				}
				div#texto-contenido img{
					float:left;
					width: 167px;
					height: 110px;
					padding: 0 15px 15px 0;
					}
				div#texto-contenido h3{			
					color:#000;
					font-size:13px;
					text-align:justify;
					font-weight:normal;
					}
						

			div#texto-contenido2{
				margin: 10px 0;			
				}
				div#texto-contenido2 img{
					float:right;
					width: 167px;
					height: 110px;
					padding: 0 0 15px 15px;
					}
				div#texto-contenido2 h3{			
					color:#000;
					font-size:13px;
					text-align:justify;
					font-weight:normal;
					}
					
					div#texto-contenido3{
				margin: 10px 0;			
				}
				div#texto-contenido3 img{
					float:left;
					width: 248px;
					height: 198px;
					padding: 0 15px 15px 0;
					}
				div#texto-contenido3 h3{			
					color:#000;
					font-size:13px;
					text-align:justify;
					font-weight:normal;
					}	
					
			div#texto-contenido4{
				margin: 10px 0;			
				}
				div#texto-contenido4 img{
					float:right;
					width: 248px;
					height: 198px;
					padding: 0 0 15px 15px;
					}
				div#texto-contenido4 h3{			
					color:#000;
					font-size:13px;
					text-align:justify;
					font-weight:normal;
					}				
							
		div#container-body-accesodirecto{
			width: 750px;
			margin: 10px auto 0 auto;
			/*border-top: 1px solid #cfcfcf;*/ 
			/*background-image: url(images/background-accesodirecto.gif);*/
			background-repeat: repeat-y;			
			}			
			div#accesodirecto-texto{
				font-size:11px;
				color:#6f3f29;								
				margin: 5px 0 10px 0;
				width:220px;
				text-align:justify;			
				}
			div#accesodirecto-pie {
			  margin:10px 0 5px 0;
			}
			div#accesodirecto-pie a{
				background-image:url(images/icono2.gif);
				background-repeat:no-repeat;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
				color:#ffa300;								
				padding-left:17px;
				}	
				div#accesodirecto-pie a:hover{
					color:#000000;
					text-decoration:underline;
					}				
				
	div#container-footer{
		background-color:#CCC;
		color:#565656;
		font-size:11px;
		height: 17px;					
		padding-right:10px;
		padding-left: 10px;
		float:left;
		width: 753px;
		}
		div#container-footer-der{
			width:200px;
			float:right;
			text-align:right;		
			}
		div#container-footer-izq{
			width:200px;
			float:left;
			text-align:left;
		
			}
		div#container-footer a{
			text-decoration:none;
			color:#565656;
			}
			div#container-footer a:hover{
				color:#000;
				text-decoration:underline;
				}
				
	div#container-footer-enlacesdirectos{
		background-color:#CCC;
		color:#565656;
		font-size:11px;
		height: 17px;					
		padding-right:10px;
		padding-left: 10px;
		margin:10px 0 20px 0;
		float:left;
		width: 753px;
		}			
		
		
																/* >>> TEXTO <<< */		
															
div#container-header-menu a{
	color:#fd8000;
	font-size: 14px;
    text-decoration:none;
	}		
	div#container-header-menu a:hover{
		color:#000;    
		}
div#container-header-menu img { border:0; }

.texto-blanco{
	color:#FFF;
	font-size: 12px;
	font-weight:bold;
}

.texto-azul{
	color:#0030ff;
	font-size: 14px;
	font-weight:bold;
}	
.texto-rojo{
	color:#ff0000;
	font-size: 14px;
	font-weight:bold;
}	

.texto-negro{
	color:#000;
	font-size: 12px;
	font-weight:bold;
}	

.texto-negro-peque{
	color:#000;
	font-size: 11px;
	font-weight:bold;
}
	
.texto-mensaje
{
  color:#FF0000;
  font-size:12px;
  font-weight:bold;
}
		

																/* >>> LISTAS <<< */	
																
ul#lista1{
	list-style: none;
	}					
	ul#lista1 li{
		font-size:12px;
	}
												
																
ul#menu-opciones{
	list-style: none;
	width: 200px;
	height: 151px;
	margin: 5px auto;	
	}
	ul#menu-opciones li{
		background-image:url(images/icono1.gif);
		background-repeat:no-repeat;	
		background-position: 0 7px;			
		}	
		ul#menu-opciones li a {
			display: block;
			color:#FFF;
			width: 204px;
			height: 14px;
			font-size: 12px;
			font-weight:bold;
			padding: 1px 0 0 10px;
			text-decoration:none;					
			}		
			ul#menu-opciones li a:hover {
				color:#000;
				background-color:#FFF;	
				}	
				
																	
														
															
ul#servicios{		
	list-style:none;
	}
	ul#servicios li{
										
		}
		ul#servicios li a{
			color:#000;
			font-size:13px;
			font-weight:bold;
			text-decoration:none;
			}	
			ul#servicios li a:hover{															
				color:#FFF;				
				background-color: #ec8129;
			}	
			
ul#footer-enlacesdirectos{		
	list-style:none;
	text-align:center;	
	}
	ul#footer-enlacesdirectos li{
			display:inline;	
								
		}
		ul#footer-enlacesdirectos li a{
			color:#000;
			font-size:11px;
			font-weight:none;
			text-decoration:none;
			margin-right: 30px;
			}	
			ul#footer-enlacesdirectos li a:hover{															
				text-decoration:underline;
			}																																																		



			div.moreinfo{
			    margin:10px 0 0 0;
				padding:0 0 10px 0;
                text-align:right;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
				color:#ffa300;								
			}
			
			div.moreinfo a{
				font-size:14px;
				font-weight:bold;
				text-decoration:underline;
				color:#ffa300;								
				}	
				div.moreinfo a:hover{
					color:#000000;
					}				


blockquote {
  font-size:12px;
  padding:10px;
  width:500px;
  margin:10px 0 3px 0;
  color:#FFF;
  background:#FFA300;
  border:1px solid #96640E;
}


ol.normal
{
  margin:5px 0 5px 20px;
  font-size:12px;
  font-weight:bold;
}

ul.normal
{
  list-style:none;
  margin:5px 0 5px 20px;
  font-size:12px;
  font-weight:bold;
}

ol.normal li a,ul.normal li a 
{
  text-decoration:none;
}

div.navigation
{
  float: left; 
  width: 615px;
  margin: 10px;
}


img.alignright { margin:5px 0 5px 15px; float:right; }

img.alignleft { margin:5px 15px 5px 0; float:left; }



div.alignright { margin:5px 0 5px 15px; float:right; }

div.alignleft { margin:5px 15px 5px 0; float:left; }

