/* Horizontal Subnav
	----------------------------*/
/*-------Subnav-----*/

	ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 550px;
	list-style: none;
	position: relative;
	font-size: 1.1em;
	background-image: url(../img/topnav/topnav_stretch.png);
	background-repeat: repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #91a2a6;
}
ul#topnav li a {
	padding: 9px 15px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
ul#topnav li:hover {
	background-color: #628086;
	background-image: url(../img/topnav/topnav_active.png);
	background-repeat: repeat-x;
}
ul#topnav li span {
	float: left;
	position: absolute;
	left: 0;
	top:35px;
	display: none;
	width: 545px;
	background: #628086;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;

}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: none; color: #fed100;}
ul#topnav li a:hover {text-decoration: none; color: #fed100;}
.menu-gral {	
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;}
#menu-rental {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 125px;
	}
#menu-studio {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 250px;
	}
	
	/* Home
	----------------------------*/
/*-------Header-----*/

div#logo {
	position:relative;
	width: 885px;
	top: 0%;
	left:0%;
	z-index:999;
	background-image: url(../img/logo-back.png);
	background-repeat: no-repeat;
	background-position: right 30px;
	padding: 0 0 15px 0;
	height: 160px;
}
div#logo img{
	padding: 10px 0 0 3px;
}
div#carousel2 {
	position:relative;
	width: auto;
	top: -90px;
	z-index:1000 !important;
	padding: 0 0 10px;
	right: -173px;
	overflow: visible;
}
div#carousel2 img{
	padding: 0 0 3px;
}

/*-------Content-----*/

:focus {outline:0;
}
a img {border:0;
}
div#page-gal {
	background: url(../img/bg-black.png);
    border-color: #222222;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin: 0 auto;
    text-align: left;
    position: absolute;
	left: 5%;
	width: 900px;
	height: 700px;
}
#gal-content {
	position: absolute;
	height: auto;
	width: auto;
}
#maincontent {
	width: 850px;
	/*background: #ffffff;*/
	margin: 0;
	padding: 0 5px 25px 5px;
	font-size: 1.0em;
	line-height: 0.7em;
	color: #91a2a6;
	float: left;
}
#maincontent a{
	color: #628086;
	text-decoration: none;
}
#maincontent a:hover{
	color: #fed100;
}
a.linknone {
	text-decoration: none;
}
.somos {
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0 0 0 25px;
}

/*-------Home Buttons-----*/

#icon-nov a{
	background-image: url(../img/custom/icon-nov.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 120px;
	float: left;
	display: block;
	padding: 0 7px 0 0;
}
#icon-nov a:hover{
	background-image: url(../img/custom/icon-nov-y.png);
	background-repeat: no-repeat;
}
#icon-cam a{
	background-image: url(../img/custom/icon-cam.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 120px;
	float: left;
	display: block;
	padding: 0 7px 0 0;
}
#icon-cam a:hover{
	background-image: url(../img/custom/icon-cam-y.png);
	background-repeat: no-repeat;
}
#icon-luc a{
	background-image: url(../img/custom/icon-luc.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 120px;
	float: left;
	display: block;
	padding: 0 7px 0 0;
}
#icon-luc a:hover{
	background-image: url(../img/custom/icon-luc-y.png);
	background-repeat: no-repeat;
}

/*-------Contacto Buttons-----*/

.sprite-image { 
	background-image: url(../img/contacto/sprite-contactos.png);
	background-repeat: no-repeat; 
}

#wrapper ul#menu-contacto {
	display: block;
	width: auto;
}
	#menu-contacto li{
		float: left;
		cursor: pointer;
		height: 60px;
		width: 274px;
		padding: 0;
		margin: 0 0 5px 20px;
}
	#menu-contacto a{
		float: left;
		cursor: pointer;
		height: 60px;
		width: 274px;
		display: block;
		padding: 0;
		margin: 0;
}
.contacto-01 { background-position:  -0px -0px; height: 60px; width: 274px; }
.contacto-02 { background-position:  -0px -60px; height: 60px; width: 274px; }
.contacto-03 { background-position:  -0px -120px; height: 60px; width: 274px; }
.contacto-01:hover { background-position:  -0px -180px; height: 60px; width: 274px; }
.contacto-02:hover { background-position:  -0px -240px; height: 60px; width: 274px; }
.contacto-03:hover { background-position:  -0px -300px; height: 60px; width: 274px; }

/*-------Elements-----*/

h2.txt-escondido {
	overflow: hidden;
	text-indent:-9999px;
}
h1.txt-clientes{
	height:20px;
	line-height:22px;
	width:175px;
	overflow:hidden;
	text-indent:-9999px;
	background-image: url(../img/custom/icon-clientes.png);
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
}
h1.txt-proveedores{
	height:20px;
	line-height:22px;
	width:175px;
	overflow:hidden;
	text-indent:-9999px;
	background-image: url(../img/custom/icon-proveedores.png);
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
}
h1.txt-presenta{
	height:20px;
	line-height:22px;
	width:110px;
	overflow:hidden;
	text-indent:-9999px;
	background-image: url(../img/custom/icon-presenta.png);
	background-repeat: no-repeat;
	margin: 20px 0 0 20px;
}
h1.txt-contacto{
	height:20px;
	line-height:22px;
	width:70px;
	overflow:hidden;
	text-indent:-9999px;
	background-image: url(../img/custom/icon-contacto.png);
	background-repeat: no-repeat;
	margin: 20px 0 0 20px;
}
h1.txt-studio{
	height:20px;
	line-height:22px;
	width:120px;
	overflow:hidden;
	text-indent:-9999px;
	background-image: url(../img/custom/icon-studio.png);
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
}
#service .col70 h2 {
	background: #f0f0f0;
	margin: 10px 0;
	float: left;
}
h2.handler {
	font-size: 1.2em;
	background: url(../img/custom/h2_handler.jpg) no-repeat;
	color: #fff;
	padding: 5px 5px 5px 30px;
	cursor: pointer;
	text-transform: none;
	margin-bottom: 4px;
	text-align: left;
	border: 0;
}
.vert_nav h2 {
	padding: 5px;
	margin: 45px 0 5px 15px;
	height: auto;
	width: 215px;
}
hr {
	border: 1px solid #f0f0f0;
	height: 1px;
}
.alert {
	color: #cd2525;
	padding: 5px;
}
small{
	font-size: 9px;
}
.crumb {
	margin-left: 20px;
}
ul.listnone {
	margin: 0;
	padding: 0 20px 0 25px;
}
ul.listnone li {
	padding: 2px;
	list-style: none;
	font-size: 1.1em;
}
ul.listnone li.bullet {
	padding: 2px;
	list-style: none;
	padding-left: 20px;
}
.clear {
	clear: both;
}
.ghost {
	display: none;
}
.frame {
	background: url(../img/custom/frame.jpg) no-repeat top left;
	width: 251px;
	height: 195px;
	margin: 0 auto;
	margin-top: -8px;
}
.frame img {
	border: 0;
	padding: 25px 10px 0 10px;
	margin-bottom: 10px;
}
.corner {
	float: left;
	display: block;
	/*background: #fdfdfd;*/
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	width: 98%;
	margin-right: -2%;
	padding: 0 0 0 16px;
}
.cornertop {
	background: url(../img/custom/corner_rt.png) no-repeat right top;
	width: 100%;
	float: left;
	display: block;
}
.cornertop img {
float: left;
}
.cornerbtm {
	background: url(../img/custom/corner_rb.png) no-repeat right top;
	width: 100%;
	float: left;
	display: block;
	margin-bottom: 10px;
}
.cornerbtm img {
float: left;
}

.breadcrumb {
	float: left;
	width: 100%;
	font-size: 1em;
	margin: 0 0 10px 0;
}
.col60 {
	width: 57%;
	float: left;
	font-size: 12px;
}
.col40 {
	width: 38%;
	float: left;
	padding: 5px 7px;
}
.col30 {
	width: 30.5%;
	float: left;
	padding: 0 23px 5px 0;
}
.col30 p {
	text-align: left;
	color: #91a2a6;
	font-size: 1.1em;
	line-height: 1.3em;
}
.col70 {
	width: 60%;
	float: left;
	padding: 0;
}
.col70 img{
	padding: 0;
}
.col70 p{
	
	padding: 0;
	margin-left: 30px;
	text-align: justify;
	height: auto;
	width: 540px;	
}
.col70 h1{
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.col-presenta {
	width: 60%;
	float: left;
	padding: 0;
}
.col-presenta{
	padding: 0;
}
.col-presenta h1{
	padding: 25px 15px -10px 20px;
}
.col-presenta p {
	padding: 5px 15px 10px 20px;
}
div#content-wa {
	font-size: 1.1em;
	height: auto;
	width: 520px;
	}
div#content-wa h1 {
	line-height: normal;
	padding: 0 0 0 20px;
	font-weight: bold;
	}	
div#bigbanner {
	position:relative;
	width: 540px;
	z-index:1000;
	height: auto;
	padding: 0 0 10px 27px;
}
div#bg-item-1 {
	background-image: url(../img/bg-item-1.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 270px;
	width: 540px;
}
div#bg-item-1 p{
	font-size: 1.1em;
	line-height: 1.2em;
}
div#bg-item-2 {
	background-image: url(../img/bg-item-2.png);
	background-repeat: no-repeat;
	background-position: 5px top;
	float: left;
	height: 225px;
	width: 250px;
}
.col50 {
	width: 45%;
	float: left;
}
.col3 {
	width: 31.5%;
	float: left;
	padding: 5px 15px 5px 0;
	text-align: justify;
}
.col3 img {
	float: left;
	padding: 0 3px 0 0;	
}
.colright {
	width: 30%;
	float: right;
	padding: 0 20px 50px 0;
}
.colright img{
	padding: 0 0 20px 0;
}
.colspan2 ul {
float:left;
list-style:none;
width:49%;
margin:5px 0;
padding:0;
}

.colspan2 li {
border-bottom:1px dashed #f0f0f0;
padding:5px;
}

li.bullet {
background:url(../img/custom/green_bullet.gif) no-repeat 0 6px;
padding:3px 0 3px 20px;
}

.vert_nav {
	border-right: 1px solid #628086;
}
#maincontent .vert_nav li a{
	background: url(../img/custom/arrow_yellow.png) no-repeat 5px 8px;
	color: #91a2a6;
	text-decoration: none;
	display:block;
	padding: 5px 5px 5px 20px;
	border-bottom: 1px solid #f0f0f0;
}
#maincontent .vert_nav li a:hover{
	background: #628086 url(../img/custom/arrow_yellow_d.png) no-repeat 5px 8px;
	display:block;
	color: #ffffff;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
}

/*-------Slider-----*/

div.scroller { 
	width: 251px; 
	overflow: hidden;
	}
div.scroller div.section {	
	width:251px;
	overflow:hidden;
	float:left;	
	}
div.scroller div.content {
	width: 10000px;
	}
.next_arrow a{
	height: 29px;
	float: left;
	width: 28px;
	background-image: url(../img/custom/next_arrow.jpg);
	background-repeat: no-repeat;
}
.next_arrow a:hover{
	height: 29px;
	float: left;
	background: url(../img/custom/next_arrow.jpg) no-repeat right top;
	width: 28px;
}
.back_arrow a{
	height: 29px;
	float: left;
	background: url(../img/custom/back_arrow.jpg) no-repeat;
	width: 28px;
}
.back_arrow a:hover{
	height: 29px;
	float: left;
	background: url(../img/custom/back_arrow.jpg) no-repeat right top;
	width: 28px;
}
.center {
	width: 275px;
	margin: 0 auto 0;
	position: relative;
}
.construction{
        text-indent: -9999px;
        float: left;
}

/*-------Table-----*/

/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/

#tabla-luces {
	height: auto;
	width: 455px;
}
table,td
{
	border               : thin solid #628086;
	border-collapse      : collapse;
	font-family: "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.1;
}
table
{
	border                :none;
	border                :thin solid #628086;
}
thead th,
tbody th
{
	background            : #163a41;
	color                 : #628086;
	padding               : 3px 3px;
	border-left           : thin solid #628086;
	font-weight: bold;
}
tbody th
{
	background            : #163a41;
	color                 : #628086;
	border-top            : thin solid #628086;
	text-align            : left;
	font-weight           : bold;
}
tbody tr td
{
	padding               : 3px 3px;
  color                 : #ffffff;
}
tbody tr:hover
{
  background            : none;
}

tbody tr:hover td
{
  color                 : none;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : thin solid #628086;
	padding               : 4px;
  background            : #163a41;
  color                 : #ffffff;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}

/*-------Grayscale Hover Gallery-----*/

ul.gallery {
	width: 850px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 5px 10px 5px 10px; padding: 0;
	text-align: center;
	border: 1px solid #163a41;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 140px; /*--Width of image--*/
	height: 70px; /*--Height of image--*/
	padding: 0;
	border-bottom: 1px solid #163a41;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 140px;
	height: 70px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 0.9em;
	font-weight: normal;
	margin: 0; padding: 5px;
	background: none;
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/*-------End-----*/