body {
  text-align: center;
  background:url(../Index_archivos/bg.jpg) top center no-repeat;
}

#container {
  margin: 0 auto;
  width: 967px;
  text-align: left;
  overflow: hidden;
  position: relative;
}

/* HEADER *********************************************************************/
/******************************************************************************/

#head_container {
  float: left;
  margin: 0 auto;
  width: 905px;
  height: 42px;
  /*background: url(../images/header_back.png) repeat-x;*/
}
#reel {
  float: left;
  background: url(../images/arrow.png) left center no-repeat;
  padding: 0 12px;
  height: 20px;
}

#reel a {
  float: left;
	margin: 0;
	font: normal 11px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height: 20px;
  color: #6f6f6f;
  text-decoration: none;   
}
#reel a span { color: #f8c100; }
#reel a:hover { border-bottom: 2px solid #f8c100; }

#contact {
  float: right;
  font: 11px normal "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
  color: #6f6f6f;
  margin: 0;
  padding: 0 12px;
  background: url(../images/arrow.png) left center no-repeat;
}

#contact a {
  color: #f8c100;
  text-decoration: none;
  line-height: 20px;
}

#contact a:hover {
  border-bottom: 2px solid #f8c100;
}


/* LOGO ***********************************************************************/
/******************************************************************************/

#logo a#featured_on {
  position: absolute;
  width: 192px;
  height: 84px;
  margin: -55px 0 0 775px;
  background: url(../images/featured_on.png) no-repeat;
}

#logo {
  float: left;
  margin: 39px 0 0 0; /* Margen superior */
  height:220px;
  text-indent: -9999px;
  width:967px;
}

#logo a {
    float: left;
	width: 967px;
	height: 311px;
	background: url(../images/logo2-trans.png) no-repeat 0 0;
}

#slogan {
    float: right;
	width: 606px;
	height: 91px;
	font: 15px normal Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color:#604c08;
	padding: 20 12px;
	text-indent: -9999px;
	/*background: url(../Index_archivos/Slogan-trans.png) no-repeat 0 0;*/
	margin: -70px 0 0px 0;
}

#ultimos a {
  text-indent: 30px;
  color: #604c08;
  text-decoration: none;
  line-height: 20px;
}

#ultimos a:hover {
  text-indent: 30px;
  color: #000000;
  background-color:#f8c100;
  /*border-bottom: 2px solid #f8c100;*/
}
/* PORTFOLIO ******************************************************************/
/******************************************************************************/


#showcase_cont {
  float: left;
  margin: 318px 0 0 0;
  padding: 0 0 140px 0; /* Alto de la foto del menu*/
}
html>body #showcase_cont { /* Margen del menu*/
  margin: -3px 0 1px 0;
  #margin: -3px 0 3px 0;
}

.separator1 {
  float: left;
  margin: 0;
  width: 967px;
  height: 1px;
  display: block;
  background: url(../images/separator1.png) bottom no-repeat;
}

.showcase {
	width: 680px;
}
.showcase ul {
	list-style:  none;
}	
.showcase ul li {
	display: inline;
	/*float: left;*/
	height: 72px;
	margin: 21px 1px 20px 0px;
	width: auto;
}
.showcase ul li a:hover {
  cursor: pointer;
}

#Contenidos {
	display: inline;
	/*float: left;*/
	width: auto;
}

.showcase ul li.item_01 {background: url(../images/r01c01_over.jpg);}
.showcase ul li.item_02 {background: url(../images/r01c02_over.jpg);}
.showcase ul li.item_03 {background: url(../images/r01c03_over.jpg);}
.showcase ul li.item_04 {background: url(../images/r01c04_over.jpg);}
.showcase ul li.item_05 {background: url(../images/r02c01_over.jpg);}
.showcase ul li.item_06 {background: url(../images/r02c02_over.jpg);}
.showcase ul li.item_07 {background: url(../images/r02c03_over.jpg);}
.showcase ul li.item_08 {background: url(../images/r02c04_over.jpg);}
.showcase ul li.item_09 {background: url(../images/r03c01_over.jpg);}
.showcase ul li.item_10 {background: url(../images/r03c02_over.jpg);}
.showcase ul li.item_11 {background: url(../images/r03c03_over.jpg);}
.showcase ul li.item_12 {background: url(../images/r03c04_over.jpg);}
.showcase ul li.item_13 {background: url(../images/r04c01_over.jpg);}
.showcase ul li.item_14 {background: url(../images/r04c02_over.jpg);}
.showcase ul li.item_15 {background: url(../images/r04c03_over.jpg);}
.showcase ul li.item_16 {background: url(../images/r04c04_over.jpg);}

.separator2 {
  float: left;
  margin: 1px 0 0 0;
  width: 967px;
  height: 1px;
  display: block;
  background: url(../images/separator2.png) top no-repeat;
}

.album {
    float: left;
	width: 967px;
	height: 288px;
	font: normal 11px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color:#666666;
	padding: 0px 0px; 
	text-indent: 10px;
	background: url(../images/FondoAlbum.png) top no-repeat;
	margin: 0 0 0 0;
}

.recomendados {
    float: left;
	width: 967px;
	height: 287px;
	font: normal 11px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color:#666666;
	padding: 0px 0px; 
	background: url(../images/FondoLinks.png) top no-repeat;
	margin: 0px 0 0 0px;
}

.espacio {
    float: left;
	width: 967px;
	height: 143px;
	font: normal 11px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color:#666666;
	padding: 0px 0px; 
	margin: 0px 0 0 0px;
}

/* DETALLE DE CADA ITEM *******************************************************/
/******************************************************************************/

#get_inside {
  position: absolute;
  width: 967px;
  /* margin: 1248px 0 0 0; */
  top: 966px;
  left: 0;
  text-align: center;
}

.works_cont {
  float: left;
  padding: 110px 0 0 0;
  #padding: 110px 0 0 0;
}
html>body .works_cont {
  margin: 1px 0 0 0;
  #margin: 0px;
}

.goback {
  background: url(../images/back-to-top.png) no-repeat;
  width: 227px;
  height: 21px;
  float: right;
  display: block;
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #aba6a6;
  padding: 6px 0 0 14px;
  text-decoration: none;
}

/* Hojas de estilo para Firefox, IE6, IE7 */
/*
#menu {float:left;text-align:center;display:block;padding:0px 0px 0px 0px;margin:15px 0px 10px 152px;width:967px;height:35px;line-height:35px; }

* html #MyDiv {float:left;text-align:center;display:block;padding:0px 0px 0px 0px;margin:15px 0px 10px -4px;width:967px;height:35px;line-height:35px; }

*:first-child+html #menu {float:left;text-align:center;display:block;padding:0px 0px 0px 0px;margin:15px 0px 10px -4px;width:967px;height:35px;line-height:35px; }

/* OTRA FORMA , ESTA VEZ IE7,IE6 y Firefox ***** NO FUNCIONA? */
/*
#menu {float:left;text-align:center;display:block;padding:0px 0px 0px 0px;margin:15px 0px 10px -4px;width:967px;height:35px;line-height:35px; }

html>body #menu {float:left;text-align:center;display:block;padding:0px 0px 0px 0px;margin:15px 0px 10px 152px;width:967px;height:35px;line-height:35px; }

/* OTRA FORMA , ESTA VEZ Firefox y IE(x) ***** Primero debe ir la propiedad para Firefox */ 

#menu {

float:left;
text-align:center;
/*display:block;*/
padding:0px 0px 0px 0px;
margin:15px 0px 10px 152px;
/*margin:15px 0px 10px -4px;*/
width:967px;
height:35px;
line-height:35px;
}

#menu ul {
	list-style:none;
}

#menu ul li {
	float:left;
	display:block;
}

#sloganfooter {

width:535px;
display:block;
margin-left:50px;
/margin-left:40px;
}
/****************************************/




.play-movie {
  background: url(../images/play-movie.png) no-repeat;
  margin: 96px 0 0 139px;
  width: 78px;
  height: 15px;
  float: right;
  display: block;
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #aba6a6;
  padding: 6px 0 0 14px;
  text-decoration: none;
  text-indent: -9999px;
}

/* FOOTER *********************************************************************/
/******************************************************************************/

#footer {
  float: left;
  padding: 15px 0 0 17px; /* IE6 only */
  font: 11px normal "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
  width: 967px;
  display: block;
  color: #454545;
}
html>body #footer {
  padding: 0 0 10px 17px;
}
#footer p {
  float: left;
  padding-top: 15px;
}

a#mt {
  float: right;
  text-indent: -9999px;
  background: url(../images/mt.png) no-repeat;
  width: 241px;
  height: 43px;
  padding-right: 17px;
}

/* TEXTOS CONTENIDO *************************************************************/
/********************************************************************************/

#xsnazzy h1, #xsnazzy h2 {margin:0 18px; letter-spacing:1px; padding:0;}
#xsnazzy p {margin:0 18px; font: 12px verdana, arial, helvetica, Sans-Serif;color:#636363; font-style:normal; letter-spacing:0pt; word-spacing:0pt; font-weight:normal;padding:0;line-height:20px;} 
#xsnazzy h1 {font: 0.75em/1.5em Georgia, "Times New Roman", Serif;font-size:26px; color:#636363; font-style:italic; letter-spacing:0pt; font-weight:normal;} /* Titulo */
#xsnazzy h2 {font-size:2em;color:#06a; border:0;} /* Titulo2 */
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:25px 1em 100px 1em;}
.negrita {font-weight:bold;}
.negritaverde {font-weight:bold;color:#999500}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#E8E8E8; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8;}
.xb1 {margin:0 5px; background:#E8E8E8;} /* borde superior e inferior */
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#E8E8E8; border:0 solid #E8E8E8; border-width:0 1px;} /* bordes izquierdo y derecho */
/*************************/
.xb1v .xb2v, .xb3v, .xb4v {display:block; overflow:hidden;}
.xb1v, .xb2v, .xb3v {height:1px;}
.xb2v, .xb3v, .xb4v {background:#D6E2B6; border-left:1px solid #D6E2B6; border-right:1px solid #D6E2B6;}
.xb1v {margin:0 5px; background:#D6E2B6;} /* borde superior e inferior */
.xb2v {margin:0 3px; border-width:0 2px;}
.xb3v {margin:0 2px;}
.xb4v {height:2px; margin:0 1px;}
.xboxcontentv {display:block; background:#D6E2B6; border:0 solid #D6E2B6; border-width:0 1px;} /* bordes izquierdo y derecho */
/**************************/
.ComillasInicio {
	 font-family: "Trebuchet MS", Helvetica, Arial, san-serif;
	 float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 5px;
     margin-bottom: -50px;
     font-size: 300%;
     color: #636363;
	 background-color:transparent;
 }

 .ComillasFinal {
     font-family: "Trebuchet MS", Helvetica, Arial, san-serif;
	 float: right;
     height: 45px;
	 margin-top: -47px;
     /margin-top: -80px;
     padding-top: 5px;
	 margin-bottom: -50px;
     font-size: 300%;
     color: #636363;
	 background-color:transparent;	 
 }

 .textocita {
 font: 0.75em/1.5em Georgia, "Times New Roman", Serif;
 font-size:22px;
 color:#636363;
 font-style:italic;
 letter-spacing:-1px;
 font-weight:normal;
 margin:0px 0px 0px 27px;
 /margin:0px 0px 0px 5px;
 }

form{
	border:0px; 
	margin:0px; 
	padding:0px;
}

input{	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
}
div.main{
	margin:0px auto; 
	width:280px;
	}

div.box{
	border:0px;
	background:#d6e2b6;
	padding:10px;
	color:#333333;
	margin-bottom:0px;
}

div.box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}

div.box p{padding-bottom:14px;}

div.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:280px;
}

div.box label{
	display:block;
	margin-bottom:5px;
	margin-left:27px;
	color:#555555;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}

div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
}
.spacer{margin-left:180px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
}

.green{
	background:url(../Index_archivos/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
}
/*******************************************************************************************************************************/
#pielinea
{
width:100%;
height:2px;
background:#000000;
margin:0 auto 0 auto;
}
#pie
{
	width:100%;
	height:40px;
	background:#525157;
	margin:0 auto 0 auto;
	font-size:12px;
	color:#d2d2d2;
}

#footertxt
{
	width:770px;
	height:40px;
	line-height:40px;
	margin:0 auto 0 auto;	
	font: 11px verdana, arial, helvetica, Sans-Serif;
	text-align:center;
}
/*********************************************************************************************************************************/
.green-box { width:395px; float:left; margin:17px 0px 0px 0px; }
.green-box-top-c { width:395px; height:15px; float:left; }
.green-box-midd-c { width:345px; float:left; background:url(../Index_archivos/green-midd-bg.gif) repeat-y; padding:0px 25px 0px 25px; }
.green-box-bottom-c { width:395px; height:29px; float:left; background:url(../Index_archivos/green-bottom-bg.gif) no-repeat bottom; }
.coma { width:202px; height:17px; float:left; font:19px Georgia;font-style:italic;font-weight:normal;color: #ffffff; background:url(../Index_archivos/coma.gif) no-repeat left; padding-left:42px; padding-top:10px; }
.textgreenbox { width:350px; float:left; color:#333333; padding:15px 0px 0px 0px;font:11px Arial;line-height:17px;}
.dr { width:244px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#000000; padding:10px 0px 0px 0px; }
.dr a { font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline; }
.dr a:hover { font:normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; }
/*********************************************************************************************************************************/
.green-box-wide { width:918px; float:left; margin:17px 0px 0px 0px; }
.green-box-top-c-wide { width:918px; height:15px; float:left; }
.green-box-midd-c-wide { width:868px; float:left; background:url(../Index_archivos/green-midd-bg-wide.gif) repeat-y; padding:0px 25px 0px 25px; }
.green-box-bottom-c-wide { width:918px; height:29px; float:left; background:url(../Index_archivos/green-bottom-bg-wide.gif) no-repeat bottom; }
.textgreenbox-wide { width:868px; float:left; color:#333333; padding:15px 0px 0px 0px;font:12px Arial;line-height:17px;}

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