/*  
JAVASCRIPT IMAGE GALLERY W/ mootools
Description: STYLE SHEET FOR IMAGE GALLERY
Version: 1.0
Author: Devin Ross
Author URI: http://tutorialdog.com
*/

body{
	background-color: #000;
}
#img_gallery{
	margin:0;
	width:710px;
	background: black;
}
#img_gallery a{
	outline:none;
	border:none;
}
#img_gallery a img{border:none;}
/* --- IMAGE STAGE */
#fullimg2{
	width:280px;
	overflow:hidden;
	height:280px;
	float: left;
	margin: 40px 0 0 80px !important /*Non-IE6*/;
	margin: 20px 0 0 60px /*IE6*/;
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
}
#fullimg2 img{
	max-height: 280px;
	max-width: 280px;
}
#fullimg2 p, #fullimg2 span{
	position:absolute;
	background:black;
	opacity:.5;
	color:white;
	margin:0px;
	width:280px;
	padding:6px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* --- SLIDER --- */
#img_gallery #wrapper{
	overflow:hidden;
	padding:4px 2px;
	width: 560px;
	float:left;
	height:90px;
	background-color:#000;
	position: relative;

}

#items{
	margin:0px 0px;
	padding:0px;
	list-style:none;
	width:700px;
	position: relative;
	letter-spacing:0em;
}
#items li{
	float:left;
	list-style:none;
	margin-right:2px;
}
#items .thumb{
	width:90px;
	height:90px;
	cursor:pointer;
	margin:0 10px;
	padding:0px;
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity:0.5;*/
}
#items .thumb:hover{
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;*/
}
#items .large{
	display:none;
	position:absolute;
}
#fullimg2 .loading{
	width: 1px;
	height: 1px;
}
#fullimg2 .thumb{display:none;}

#items .item  p, #items .item  span{
	display:none;
	text-indent: -2000em;
}
#moveleft, #moveright{
	margin:0px;
	height:58px;
	color: white;
	width: 16px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000; 
	display:block;
	cursor: pointer;
	float:left;
}
#moveleft{
	background: url('img/izq.png');
	height: 100px;
	background-position: 0 40px;
	background-repeat: no-repeat;
	margin: 0 0 0 54px !important /*Non-IE6*/;
	margin: 0 0 0 44px /*IE6*/;
}
#moveright{
	background: url('img/der.png');
	height: 100px;
	background-position: 0 40px;
	background-repeat: no-repeat;
	width: 17px;
}
#moveright:hover{
	background: url('img/der_on.png');
	height: 100px;
	background-position: 0 40px;
	background-repeat: no-repeat;
	width: 17px;
}
#moveleft:hover{
	background: url('img/izq_on.png');
	height: 100px;
	background-position: 0 40px;
	background-repeat: no-repeat;
	margin: 0 0 0 54px !important /*Non-IE6*/;
	margin: 0 0 0 44px /*IE6*/;	
}
#fulldesc2 {
	width:300px;
	height:250px;
	float: right;
	margin: 40px 0 0 0 !important /*Non-IE6*/;
	margin: 20px 0 0 0 /*IE6*/;
	overflow: hidden;
	
}
#contenedor {
	width:711px;
	overflow:hidden;
	height:350px;
	vertical-align: bottom;
	clear: both;
}
#fulldesc2 p {
	margin:0 0 0 10px;
	width:270px;
	padding:0px;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	line-height: 16px;
}
#fulldesc2 p.titulo {
	margin:0 0 0 10px;
	width:270px;
	font-size:14px;
	font-weight: bold;
	color: #585858;
}
#fulldesc2 p.simple {
	color:#CCCCCC;
	margin:0 30px 0 10px;
	width:270px;
	font-size:11px;
	font-weight: normal;
	padding: 0 15px 0 0;
}
#fullimg autor {
	position:absolute;
	background:black;
	opacity:.5;
	color:white;
	margin:0px;
	width:280px;
	padding:6px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
table {
	height: 485px;

}
#linkconsulta2 {
	width:300px;
	height:23px;
	padding: 0;
	margin: 9px 0 0 0;
	background-image: url(img/consultenos.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	clear: right;
}
#linkconsulta2:hover {
	background-image: url(img/consultenos_2.png);

}
#spacer {
	width:300px;
	height:23px;
	padding: 0;
	float: right;
	clear: right;
}
div#contenido {
	width: 280px;
	height: 280px;
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
	max-height: 280px;
	max-width: 280px;
}
div#contenido img {

      margin-top: expression((280 - this.height))
}
table td.borde {
	border-left: solid white 2px;

}
a.consulta {
	width:300px;
	height:23px;
	padding: 0;
	margin: 0;
	background-image: url(img/consultenos.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	clear: right;
	text-decoration: none;
}
a.consulta:hover {
	background-image: url(img/consultenos_2.png);
	text-decoration: none;
}
#fullimg3 {
	width:130px;
	overflow:hidden;
	height:200px;
	float: left;
	margin: 0 0 0 90px /*Non-IE6*/;
	#margin: 0 0 0 75px /*IE7*/;
	_margin: 0 0 0 50px /*IE6*/;
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
}
#fullimg3 img {
	max-height: 200px;
	max-width: 130px;
}
#fullimg3 p, #fullimg3 span {
	position:absolute;
	background:black;
	opacity:.5;
	color:white;
	margin:0px;
	width:280px;
	padding:6px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#linkconsulta3 {
	width:300px;
	height:23px;
	padding: 0;
	margin: 9px 0 0 0;
	background-image: url(img/consultenos.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	clear: right;
}
#linkconsulta3:hover {
	background-image: url(img/consultenos_2.png);
}
#items .thumb2 {
	width:59px;
	height:90px;
	cursor:pointer;
	margin:0 16px;
	padding:0px;
}
#contenedor3 p{
	margin: 40px;
	color: #666;
	font-size: 11px;

}

#contenedor3 {
	width:710px;
	overflow:hidden;
	height:250px;
	vertical-align: bottom;
	clear: both;
	margin: 50px 0 0 0 !important /*Non-IE6*/;
	margin: 50px 0 0 0 /*IE6*/;
}
#fulldesc3 {
	width:470px;
	height:170px;
	float: right;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	overflow: hidden;
}
#fulldesc3 p {
	margin: 0 0 0 10px !important /*Non-IE6*/;
	margin: 0 0 0 5px /*IE6*/;
	width:350px;
	padding:0px;
	font-size:11px;
	font-weight: normal;
	color: #585858;
}
#fulldesc3 p.titulo {
	margin: 0 0 0 10px !important /*Non-IE6*/;
	margin: 0 0 0 5px /*IE6*/;
	width:270px;
	font-size:13px;
	font-weight: normal;
	color: #CCC;
}
#fulldesc3 p.simple {
	color:#585858;
	margin:0 30px 0 10px;
	width:350px;
	font-size:11px;
	font-weight: normal;
	padding: 2px 15px 0 0;
}
#linkconsulta3 {
	width:475px;
	height:23px;
	padding: 0;
	margin: 9px 0 0 0;
	background-image: url(img/creaciones.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	clear: right;
}
#linkconsulta3:hover {
	background-image: url(img/creaciones_2.png);
}
a.creaciones {
	width:475px;
	height:23px;
	padding: 0;
	margin: 0;
	background-image: url(img/creaciones.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	clear: right;
	text-decoration: none;
}
a.creaciones:hover {
	background-image: url(img/creaciones_2.png);
	text-decoration: none;
}
div#contenido3 {
	width: 130px;
	height: 200px;
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
	max-height: 200px;
	max-width: 130px;
}
div#contenido3 img {

      margin-top: expression((200 - this.height))}
#botonemergente {
	width:550px;
	height:20px;
	margin: 38px 0 30px 0;
	clear: both;
	float: left;
}
#contactenos {
	width:711px;
	height: 485px;
	margin: 0;
	padding: 0;
}
#contactenos p{
	margin: 0px;
	color: #999;
	font-size: 12px;

}
#contactenos label {
	margin: 10px;
	padding: 10px;
	color: #666;
}
#contactenos input {
	margin: 2px;
}
#contactenos textarea {
	margin: 2px 0 0 0;
}
#contactenos p.derecha {
	margin: 0px;
	padding: 10px 20px 20px 95px;
	color: #999;
	font-size: 12px;
	background-color: #000;
	float: right;
	width: 600px;
	clear: both;
	margin-left: 50px;
}
#contactenos p.izquierda {
	margin: 0px;
	padding: 10px 20px 20px 95px;
	color: #999;
	font-size: 12px;
	float: left;
	width: 532px;
	background-color: #000;
	clear: both;
}
#contactenos p.separador {
	float: left;
	width: 532px;
	clear: both;
}
#contactenos label.titulointerno{
	margin: 10px 0 10px -75px;
	padding: 0;
	font-size: 15px;
	color: #666;
	font-weight: bold;
}
#pagina {
	width:715px;
	height: 486px;
	margin: 0;
	padding: 0;
	border: 0;
}
#titulopagina {
	width:711px;
	height: 80px;
	margin: 0px 0 0 0;
	padding: 0;
}
#titulopagina img{
	margin: 0;
	padding: 0;
	border: 0;
}

#contenidopagina {
	width:711px;
	height: 486px;
	margin: 0;
	padding: 0;
	border-right: solid white 2px;
	float: left;
	clear: both;
	background-color: #06150E;
}

#contenidopagina input {
	margin: 0 0 10px 0;
	border: 0px;
	height: 15px;
	width: 257px;
}
#contenidopagina input.checkbox {
	margin: 3px 5px 10px 0;
	border: 0px;
	height: 15px;
	width: 15px;
	float: left;
}
#contenidopagina input.boton {
	margin: 0 0 0 20px;
	border: 0px;
	height: 24px;
	width: 84px;
	float: left;
	background-image: url(img/boton_enviar.gif);
}
#contenidopagina input.boton:hover {
	background-image: url(img/boton_enviar.gif);
	background-position: 0 1px;
}



#derecha {
	width:711px;
	height: 263px;
	background-color: #040d08;
	margin: 0 0 30px 0;
}
#derecha_titulos {
	width:273px;
	float: left;
}
#derecha_contenidos {
	float: left;
	padding: 50px 0 0 10px;
	font-size: 11px;
	width: 400px;
	margin: 0;
}
#derecha_contenidos img{
	float: left;
}
#izquierda {
	width:711px;
	height: 118px;
	background-color: #06150D;
	margin: 0 0 32px 0;
}
#izquierda_margen {
	width:273px;
	float: left;
	height: 118px;
	background-color: #040d08;
}
#izquierda_contenido {
	height: 118px;
	float: left;
	width: 262px;
	background-color: #040d08;
	line-height: 20px;
}
#izquierda_contenido .style1{
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;

}
#izquierda_contenido .style2 {
	font-weight: bold;
	font-size: 12px;
	color: 878787;
}
#izquierda_contenido .style3 {
	font-family: Verdana, Geneva, sans-serif;

}
#izquierda_contenido .style4 {
	font-weight: bold;
	color: 878787;
}
#izquierda_contenido .style3 a {
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #CCC;
}
#mensaje {
	text-align: center;
	color: #666;
	font-size: 14px;
	padding: 25px;
	float: left;
	margin: 0;
}
#mensaje p{
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#paginacontacto {
	width:715px;
	height: 485px;
	margin: 0;
	padding: 0;
	border: 0;
}
#contenidopaginacontacto {
	width:711px;
	height: 485px;
	margin: 0 !important /*Non-IE6*/;
	margin: -2px 0 0 0 /*IE6*/;
	padding: 0;
	border-right: solid white 2px;
	float: left;
	clear: both;
	background-color: #06150E;
}
#contenidopaginacontacto input {
	margin: 0 0 10px 0;
	border: 0px;
	height: 15px;
	width: 257px;
}
#contenidopaginacontacto input.checkbox {
	margin: 3px 5px 10px 0;
	border: 0px;
	height: 15px;
	width: 15px;
	float: left;
}
#contenidopaginacontacto input.boton {
	margin: 0 0 0 20px;
	border: 0px;
	height: 24px;
	width: 84px;
	float: left;
	background-image: url(img/boton_enviar.gif);
}
#contenidopaginacontacto input.boton:hover {
	background-image: url(img/boton_enviar.gif);
	background-position: 0 1px;
}
.titulocontacto {
	font-family: Verdana, Geneva, sans-serif;
	color: #59B17F;
	font-size: 12px;
	font-weight: bold;
}
.textocontacto {
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.textocontacto a{
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#contenidopaginamiradas {
	width:711px;
	height: 486px;
	margin: 0;
	padding: 0;
	border-right: solid white 2px;
	float: left;
	clear: both;
	background-color: #000;
}

