/* color legend */

/* Reset */

html, body 	{ margin: 0; padding: 0; border: 0; background-image:url(../images/inicio/pizzarra_rombo_fondo.png); font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead { 
	margin: 0; 
	padding: 0; 
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}
img		{ margin: 0; padding: 0; border: 0; }

table, tr, th, td, tbody, tfoot, thead { 
	margin: 0 ; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}

table	{ border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0; }
	
article, aside, dialogue, figure, footer, header, hgroup, nav, section {
	display: block }
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}
	
ol, ul { list-style: none; }

/* Global */

html {}

body { }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000;}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */

p			{ color:#000; font-size: 12px; line-height: 150%; }
p .left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right	{ margin: 1.5em 0 1.5em 1.5em; padding: 0; } 

a
a:link 		{ color:#000; }
a:visited	{ color:#000; }
a:active	{ color:#000; }
a:focus		{ color:#000; }
a:hover		{ color:#F00; }

blockquote {color:#000; font-size:12px; }

strong ´´{ font-weight: bold; }
em { font-style: italic; }

/* Images */



/* Lists */

ul			{ }
ol			{ list-style-type: decimal; }

ul li		{ color:#000; font-size:12px; }
ol li		{ color:#000; font-size:12px; }

dl			{ }
dt			{ }
dd			{ }



/* Tables */

table			{ width: 100%; }

tr 				{ }
.odd			{background-color: #eee; }
.even			{background-color: #fff; }

th				{ font-weight: bold; }
thead th		{ background: #ccc }

tbody			{ }

th, td, caption	{ }
caption			{ }

tfoot			{ }
.tfooter		{ background-color:#ccc; text-align: center; font-style:italic; }

caption			{ background: #efefef; }



/* Miscellaneous */

sup, sub		{ line-height: 0; }
abbr, acronym	{ border-bottom: 1px dotted #666; }
address			{ }
del 			{ background: #FFCECE #F00; }

code, pre		{ background-color:#FF9; padding: 2px 0px; margin: 4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-style:normal; }


/* Containers */

#outer-top			{ margin: 0px auto; background-image:url(../images/inicio/texture-top.png) }

#wrapper-top		{ width: 1050px; height: 200px; margin: 0px auto; background-image: url(../images/inicio/banner.jpg) }

#outer				{ width: 1050px; margin: 0px auto; background-color:#FFF; padding-top: 3px; }

#wrapper			{ width: 1024px; margin: 0px auto; background-color:#FFF ; }

#logo				{ float: left; margin-top: 100px; }

#languages			{ float: right; }
#languages ul li	{ display: inline; 	}
#languages ul		{ margin-top: 5px; margin-right: 10px; }

#telephone			{ clear: right; }
#telephone			{ float: right; }
#telephone			{ margin-top: 100px; margin-right: 10px; }
#telephone h1		{ color:#FFF; font-size:30px; font-weight: bold; }

#logo-fondo			{ clear: both; }
#logo-fondo			{ margin-bottom: 0px; }

#slogan				{ padding: 6px ; background-color:#CCC; margin-bottom: 15px; }

#leftside			{ float: left; margin-right: 15px; }
#leftside			{ width: 200px; padding: 0px; }
#leftside ul		{  }
#leftside ul li		{ font-size:19px; padding-bottom: 10px; padding-top: 10px; color:#FFF; 	}

#content			{ width: 420px; padding: 15px; height:auto; }
#content			{ float: left; }

#rightside			{ width: 321px; margin-left: auto; margin-right: auto; height:auto; }
#rightside			{ float: right; margin: 0px 0x 15px 0;  }
#rightside ul		{  }
#rightside ul li	{ margin-bottom: 23px;  }


#links				{ clear: both; }
#links				{ width: 800px: both; margin-left: auto; margin-right: auto; }
#links ul			{ text-align: center; border-top: 1px #666 solid; border-bottom: 1px #666 solid; padding-top: 10px; padding-bottom: 10px; }
#links ul li		{ display: inline; padding: 30px; }

#social-media		{ float: right; padding-top: 10px; }
#social-media ul	{  }
#social-media ul li	{ display: inline; margin: 5px; }

#footer				{ width: 400px; margin-left: auto; margin-right: auto; }
#footer				{ margin-top: 10px; margin-bottom:15px; }
#footer				{ padding-top: 5px; padding-bottom: 10px; }

#video				{ width: 650px; margin: 40px auto 40px auto; text-align: center;}

#ending				{ clear: both;	}
#ending				{ border-top: 1px #666 solid; margin-top: 5px;	}

#contacto 			{ width: 330px; height: 150px; margin-left: 11px; margin-right: 0; padding-bottom: 10px; }
#contacto			{ float: left; }
#contacto			{ background-color: #292929; }
#contacto h2 		{text-align: center; line-height: 50px; color:#FFF; }
#contacto h3 		{text-align: center; line-height: 25px; color:#FFF; }

#formulario			{ float: left; width: 450px; height: 550px; }

#imagen-contaco		{ }

#mapa				{ float: right; margin-top: 40px; margin-bottom: 10px; 	}

	/* Gallery */

#gallery 	{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 15px;
	background-color: #FFF;
					}
					
#gallery .holder 	{
	width: 256px;
	height: 284px;
	background-image: url(../images/galeria/polaroid.png);
	float: left;
					}
.holder .thumb 	{
	width: 161px;
	height: 138px;
	margin-top: 34px;
	margin-left: auto;
	margin-right: auto;
				}

.holder .title 	{
	width: 140px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
				}

.holder img		{
	border: none;
				}

.title h3	{
	margin: 0;
	font-size:15px;
	overflow: hidden;
	text-align: center;
	}

.clearfloat			{ clear: both;}

.title h4			{ font-size: 20px; text-align: center; line-height: 108%; }




	/*  Galllery end */


/* navmenu CSS */ 

#navmenu, #navmenu ul, #navmenu ul li, #navmenu ul li a{
	
	padding: 0;
	margin: 0;
	line-height: 1;
	font-family: 'Capriola', sans-serif;
	
}

#navmenu:before, #navmenu:after, #navmenu > ul:before, #navmenu > ul:after {

	content: '';
	display: table;
	
}


#navmenu:after, #navmenu > ul:after {

	clear: both;
	
}

#navmenu {

	zoom:1;
	height: 69px;
	background: url(../images/bottom-bg.png) repeat-x center bottom;
	border-radius: 2px;
	width: 1024px;
	margin-bottom: 0px;
	margin-top: 1px;
	
}

#navmenu ul{

	background: url(../images/nav-bg.png) repeat-x 0px 4px;
	height: 69px;
	
}

#navmenu ul li{

	float: left;
	list-style: none;
	padding-left: 0px;
}

#navmenu ul li a{
	
	display: block;
	height: 37px;
	padding: 22px 26px 0px 26px;
	margin: 4px 2px 0;
	border-radius: 2px 2px 0 0;
	text-decoration: none;
	font-size: 20px;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
	font-weight: 400;
	opacity: .9;
	
}

#navmenu ul li:first-child a{
	
	margin: 4px 2px 0 0;
	
}

#navmenu ul li a:hover, #navmenu ul li.active a{
	
	background: url(../images/color.png) center bottom;
	display: block;
	height: 37px;
	margin-top: 0px;
	padding-top: 26px;
	padding-left: 26px;
	padding-right: 26px;
	color: #600000;
	text-shadow: 0 1px 1px rgb(255, 255, 255, .35);
	opacity: 1;
	
}

/* START CSS MENU */

/* Some stylesheet reset */
#cssmenu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu > ul {
	display: block;
	position: relative;
	width: 200px;
	margin-bottom: 20px;
}

	/* The list elements which contain the links */
	#cssmenu > ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 200px;
	}

		/* General link styling */
		#cssmenu > ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #3a3a3a;
			border-bottom: 1px dotted #1b1b1b;
			padding: 11px 15px;
			width: 170px;
			height: 22px;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			color: #d8d8d8;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 1px #000;
			font-size: 13px;
			font-weight: 300;
			line-height: 22px;
			

			/* Background & effects */
			background: #282828;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu > ul li:first-child>a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu > ul li:last-child>a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
			color: #A10101;
			text-shadow: 0 1px 0 #fff;
			background: #e6e6e6;
			background: -webkit-linear-gradient(bottom, #e6e6e6, #fff);
			background: -ms-linear-gradient(bottom, #e6e6e6, #fff); 
			background: -moz-linear-gradient(bottom, #e6e6e6, #fff);
			background: -o-linear-gradient(bottom, #e6e6e6, #fff);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu > ul .has-sub>a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu > ul .has-sub>a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
			border-left: 4px solid #A10101;
		}

		#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
			border-left: 4px solid #fff;
		}

	
		/* THE SUBMENUS */
		#cssmenu > ul ul {
			position: absolute;
			left: 200px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu > ul li:hover>ul {
			top: 0px;
			opacity: 1;
		}

/* END CSS MENU */


#box1				{	}

#box2				{	}

#box3				{	}

#box4				{	}

#box5				{	}

#box6				{	}



/* Layout Extra */



/* Navgation Extra */



/* Forms */

form	{ text-align: left; margin: 20px; }

label, submit, input, textarea	{ 
	border: 0; padding: 0; margin: 0; background: none;
	}
	
label	{ 
	float: left; width: 150px;
	text-align: right; display: block;
	}
	
input, textarea	{
	border: 1px #333 solid; margin-left: 10px;
	}
	
input	{ 
	width: 280px; margin-bottom: 16px;
	}
	
textarea	{
	width: 280px; height: 150px;
	margin-bottom: 16px;
	}
	
select	{	}

.submit	{
	width: 90px; height: 25px;
	margin-left: 150px;
	font-size: 12px;
}
	
br	{ clear: left; }


/* Miscellaneous */

.slogan 	{ text-align:center; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; font-weight: normal; }
.content	{ font-size: 15px; text-align:justify; line-height: 30px; }
.cocina		{ margin-top: 10px; }
.centre		{ text-align: center; }
.bold		{ font-weight: bold; font-size:24px; }
.boldtext	{ font-weight: bold; }