@charset "UTF-8";
/* CSS Document */

/* CSS Document */


/* Web Torre Tavira - CAMARA OSCURA

   Autor:  Chelo Fernández
   
   Versión: 1.0
   
   URL del sitio: http://www.torretavira.com  */
   
   
   
/***********************************************************************************************************/


body  {

	width:950px;
	background-color:#000000;
	font-family:Arial, Optima, sans-serif;
	font-size:15px;
	color: #000000;
	margin:auto;
	}
	
a {text-decoration:none;}

a:hover {color:#111111; text-decoration:none;}
	
	
h1 { font-size: 30px; margin-top:0px; margin-bottom:15px; color:#434343; }

h2 { font-size: 32px; margin-top:15px; margin-bottom:5px; color:#ffffff; text-align:left; margin-left:20px; margin-right:5px; }

h3 { font-size: 18px; color:#ffffff; text-align:left; margin-left:20px; margin-right:5px;}

h3 a {color:#ffffff; text-decoration:none;}
h3 a:hover { color:#262626; text-decoration:none; }

#wrapper {
	padding-left: 0px;
	padding-top: 0px; }
	
	
#content {
	width: 950px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color:transparent;
	}
	
	
	
/****************************   CABECERA   ************************************/
	

#cabecera {
	width:950px;
	height:139px;
	float:left;
	background-color:#000000;
}

#logo {
	width:287px;
	float:left;
	}

#contacto {

	width:645px;
	float:right;
	margin-right: 18px;
	text-align:right;
	margin-top:35px;
	}
	
#contacto a {
	
	color:#808080;
	}

#contacto a:hover {
	color:#ffffff;
	}



/****************************  BARRA DE MENÚS *********************************/
	
#barra_menu {
	width:950px;
	height:32px;
	float:left;
	}
	
#menu_ops {
	width:663px;
	height:32px;
	float:left;
	}
	

.menu {
	border-right:1px solid #000000;
	font-size:13px;
	text-align:center;
	height:25px;
	position:relative;
	width:663px;
	z-index:100;
	}
	
* html .menu {
	width:663px;
	}


.menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
	
.menu ul ul {
	width:220px;
	}
	
	
.menu li {
	float:left;
	position:relative;
	width:220px;
	}
	
	
.menu a, .menu a:visited {
	background:#333333 none repeat scroll 0 0;
	border-color:#000000;
	border-style:solid;
	border-width:1px 0 1px 1px;
	color:#FFFFFF;
	display:block;
	font-size:13px;
	height:30px;
	line-height:29px;
	padding-left:5px;
	text-decoration:none;
	width:214px;
	}
	
.menu a.sitio {
	background:#cccccc none repeat scroll 0 0;
	border-color:#000000;
	border-style:solid;
	border-width:1px 0 1px 1px;
	color:#000000;
	display:block;
	font-size:13px;
	height:30px;
	line-height:29px;
	padding-left:5px;
	text-decoration:none;
	width:214px;
	}

	
	
* html .menu a, * html .menu a:visited {
	width:214px;
	}


.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#333333 scroll right bottom;
	color:#FFFFFF;
	}
	
.menu ul ul a.drop:hover {
	background:#cccccc scroll right bottom;
	color:#000000;
	}

.menu ul ul :hover > a.drop {
	background:#cccccc scroll right bottom;
	color:#000000;
	}
	
.menu ul ul :hover > a.pulsado {
	background:#cccccc scroll right bottom;
	color:#000000;
	}

.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#333333 none repeat scroll 0 0;
	color:#FFFFFF;
	}

.menu ul ul ul a:hover {
	background:#cccccc none repeat scroll 0 0;
	color:#000000;
	}

.menu ul ul {
	border-top:1px solid #000000;
	height:0;
	color:#FFFFFF;
	left:0;
	position:absolute;
	top:31px;
	visibility:hidden;
	width:220px;
	}

* html .menu ul ul {
	top:31px;
	}

.menu ul ul ul {
	left:220px;
	top:-1px;
	width:214px;
	}
.menu ul ul ul.left {
	left:-220px;
	}
	
.menu table {
	border-collapse:collapse;
	left:0;
	position:absolute;
	top:0;
	}
	
.menu ul ul a, .menu ul ul a:visited {
	background:#cccccc none repeat scroll 0 0;
	border-width:0 1px 1px;
	color:#000000;
	height:auto;
	line-height:1em;
	padding:5px;
	width:209px;
	}

* html .menu ul ul a {
	width:209px;
	}
	
.menu a:hover, .menu ul ul a:hover {
	background:#cccccc none repeat scroll 0 0;
	color:#000000;
	}
	
.menu :hover > a, .menu ul ul :hover > a {
	background:#cccccc none repeat scroll 0 0;
	color:#000000;
	}
	
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
	}
	
.menu ul :hover ul ul {
	visibility:hidden;
	}
	
.menu ul :hover ul :hover ul {
	visibility:visible;
	}


#menu_info {
	width:253px;
	font-size:13px;
	height:18px;
	float:right;
	margin-right:18px;
	margin-top:9px;
	text-align:right;
	color:#FFFFFF;
}

#menu_info a {
	font-size:13px;
	text-align:right;
	color:#FFFFFF;
	}

#menu_info a:hover {
	font-weight:bold;
	}




/****************************  CONTENIDOS *********************************/


#contenidos {
	width:950px;
	height:435px;
	float:left;
	background-color:#FFFFFF;
	z-index:-1;
	}
	
#contenidos2 {
	width:950px;
	float:left;
	background-color:#000000;
	z-index:-1;
	}
	
#slide {
	width:220px;
	height:435px;
	float:left;
	background-color:#FFFFFF;
	z-index:-1;
	}
	
#slide2 {
	width:220px;
	float:left;
	background-color:#FFFFFF;
	z-index:-1;
	}
	
#zona_menu {
	width:220px;
	height:400px;
	float:left;
	background-color:#FFFFFF;
	}
	
#zona_menu2 {
	width:220px;
	float:left;
	background-color:#FFFFFF;
	}
	
#torre_ops {
	width:220px;
	height:400px;
	position:relative;
	background-color:#FFFFFF;
	z-index:20;
	left: 0px;
	top: 0px;
	}
	

#social {
	width:220px;
	height:35px;
	}
	
#blog {
	width:85px;
	height:35px;
	float:left;
}

#facebook {
	width:85px;
	height:27px;
	float:left;
	margin-top:8px;
}

#twitter {
	width:30px;
	height:30px;
	float:left;
	margin-top:5px;
	outline:none;
	text-decoration:none;
	margin-left:10px;

}

#twitter a {
	outline:none;
	text-decoration:none;
}

#twitter a:hover {
	outline:none;
}
	
	
#metadatos {
	width:696px;
	height:403px;
	float:right;
	padding: 8px 8px 8px 8px;
	border-top: solid 8px #FFFFFF;
	border-bottom: solid 8px #FFFFFF;
	border-left: solid 8px #FFFFFF;
	border-right: solid 8px #FFFFFF;
	background-color: #e6e6e6;
	}
	
#metadatos_intro {
	width:714px;
	height:419px;
	float:right;
	border-top: solid 8px #FFFFFF;
	border-bottom: solid 8px #FFFFFF;
	border-left: solid 8px #FFFFFF;
	border-right: solid 8px #FFFFFF;
	background: #e6e6e6 url(http://www.torretavira.com/images/intro_visita.jpg) no-repeat;
	}
	
#metadatos2 {
	width:698px;
	float:right;
	padding: 8px 8px 8px 8px;
	border-top: solid 8px #FFFFFF;
	border-bottom: solid 8px #FFFFFF;
	border-left: solid 8px #FFFFFF;
	border-right: solid 8px #FFFFFF;
	background-color: #e6e6e6;
}
	
#tabla_torres {

	width:669px;
	float:left;
}


	
	
#texto_intro {
	width:436px;
	float:left;
	padding-top:40px;
	padding-left:30px;
	color:#FFFFFF;
	line-height:20px;
	font-weight:bold;
	}
	
#slide_media {
	width:285px;
	height:402px;
	float:left;
	}
	
	
#gallery {
		background-color: #e6e6e6;
		width: 285px;
		height:197px;
		float:left;

	}
	#gallery ul { 
		list-style: none;
		margin-top:0px;
		margin-left:-38px;
		}
		
	#gallery ul li { display: inline; } 
	#gallery ul img {
		margin-top:1px;
		border: 1px solid #ffffff;
		border-width: 1px 1px 1px; 
	}
	#gallery ul a:hover img {
		margin-top:1px;
		border: 1px solid #333333;
		border-width: 1px 1px 1px;
		color: #ffffff;
	}
	#gallery ul a:hover { color: #ffffff; }
	
	
#gallery2 {
		background-color: #ffffff;
		margin-top:8px;
		width: 220px;
		height:422px;
		float:left;

	}
	#gallery2 ul { 
		list-style: none;
		margin-top:0px;
		margin-left:-33px;
		}
		
	#gallery2 ul li { display: inline; } 
	#gallery2 ul img {
		margin-top:0px;
		border: 1px solid #ffffff;
		border-width: 1px 1px 1px; 
	}
	#gallery2 ul a:hover img {
		margin-top:0px;
		border: 1px solid #333333;
		border-width: 1px 1px 1px;
		color: #ffffff;
	}
	#gallery2 ul a:hover { color: #ffffff; }

	
	
#video {
		background-color: #000000;
		width: 285px;
		height:197px;
		margin-top:8px;
		float:left;

	}	
	
	
#slide_texto {
	width:390px;
	height:402px;
	float:right;
	text-align:justify;
	margin-right:10px;
	}
#titulo {
	width:380px;
	height:20px;
	padding-top:20px;
	padding-left:10px;
	font-weight:bold;
	border-bottom:solid;
	border-bottom-color:#FFFFFF;
	}
#caja_texto {
	width:380px;
	padding-top:10px;
	padding-left:10px;
	font-size:13px;
	line-height:20px;
	}
	
	
#slide_texto2 {
	width:678px;
	float:left;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	}
	
#slide_texto3 {
	width:678px;
	float:left;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	}
	
#titulo2 {
	width:668px;
	height:20px;
	padding-top:20px;
	padding-left:10px;
	font-weight:bold;
	border-bottom:solid;
	border-bottom-color:#FFFFFF;
	}
#caja_texto2 {
	width:668px;
	height:300px;
	padding-top:10px;
	padding-left:10px;
	font-size:13px;
	line-height:20px;
	}
	
#caja_texto3 {
	width:628px;
	height:20px;
	float:right;
	margin-top:28px;
	padding-left:10px;
	font-size:11px;
	line-height:20px;
	color:000000;
	}
	
#caja_texto3 a{
	color:#000000;
	text-decoration:none;
	}
	
#caja_texto3 a:hover{
	color:#990000;
	text-decoration:none;
	}
	
#caja_texto4 {
	width:668px;
	height:350px;
	padding-top:10px;
	padding-left:10px;
	font-size:13px;
	line-height:20px;
	}
	
#caja_texto4 a{
	color:#000000;
	text-decoration:none;
	}
	
#caja_texto4 a:hover{
	color:#990000;
	text-decoration:none;
	}
	
#caja_texto5 {
	width:668px;
	color:#000000;
	padding-top:10px;
	padding-left:10px;
	font-size:13px;
	line-height:20px;
	}
	
#caja_texto5 a{
	color:#990000;
	text-decoration:none;
	}
	
#caja_texto5 a:hover{
	color:#000000;
	text-decoration:none;
	}
	
#pdf {
	width:30px;
	height:33px;
	float:left;
	margin-top:15px;
	padding-left:10px;
	}
	
#pdf2 {
	width:30px;
	height:33px;
	float:left;
	}
	
	

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

	
#pie {
	width:950px;
	height:50px;
	float:left;
	background-color:#000000;
	color:#808080;
	font-size:13px;
	line-height:20px;
	text-align:center;
	margin-top:25px;
	
}

#pie a {
	color:#ffffff;
	}
	
#pie a:hover {
	color:#808080;
	}