@charset "UTF-8";
body {
	font-size: 92%;
	background-image:url(../images/mainbg.png);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;
	font-family: "Century Gothic", Georgia, Helvetica, Tahoma;
}
.oneColElsCtr #container {
	width: 100%;
	background-image:url(../images/mainbg.png);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-width:1024px;
}
a {
	text-decoration:none;
	color:#DDD;
}
a:hover {
	text-decoration:none;
	color:#FFF;
}
h1 {
	font-size: 34px;
	line-height:30px;
	text-align:center;
	text-shadow: 1px 2px 2px black;
}	
h2 {
	font-size:19px;
	text-align:center;
	background: #e9e9e9;
	background: -moz-linear-gradient(top, #e9e9e9, #eee 50%, #c9c9c9 51%, #c3c3c3);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(.5, #eee), color-stop(.5, #c9c9c9), to(#c3c3c3));
	padding: 10px 10px;
	margin-left: -4px;
	position: relative;
	margin: 0 auto;
	width: 82%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px #292929;
	-webkit-box-shadow: 1px 1px 3px #292929;
	box-shadow: 1px 1px 3px #292929;
	color: #454545;
	text-shadow: 0 1px 0 white;
}
h2 a {
	color:#F60;
	text-decoration:none;
}
h2 a:hover {
	color:#454545;
}
h3 {
	font-size:18px;
	text-align:center;
	 background: #e9e9e9;
	 background: -moz-linear-gradient(top, #e9e9e9, #eee 50%, #c9c9c9 51%, #c3c3c3);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(.5, #eee), color-stop(.5, #c9c9c9), to(#c3c3c3)); 
	 padding: 10px 20px;
	 margin-left: -4px;
	 position: relative;
	 margin: 0 auto;
	 width: 40%;
	 
	 border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;


	-moz-box-shadow: 1px 1px 3px #292929;
	-webkit-box-shadow: 1px 1px 3px #292929;
      box-shadow: 1px 1px 3px #292929;

	color: #454545;
	text-shadow: 0 1px 0 white;
}
h3 a {
	color:#F60;
	text-decoration:none;
}
h3 a:hover {
	color:#454545;
}
h4 {
	font-size:12px;
	text-align:center;
	 background: #e9e9e9;
	 background: -moz-linear-gradient(top, #e9e9e9, #eee 50%, #c9c9c9 51%, #c3c3c3);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9e9e9), color-stop(.5, #eee), color-stop(.5, #c9c9c9), to(#c3c3c3)); 
	 padding: 5px 10px;
	 margin-left: -4px;
	 position: relative;
	 margin: 0 auto;
	 width: 50%;
	 
	 border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;


	-moz-box-shadow: 1px 1px 2px #292929;
	-webkit-box-shadow: 1px 1px 2px #292929;
      box-shadow: 1px 1px 2px #292929;

	color: #454545;
	text-shadow: 0 1px 0 white;
}
h5	{
	font: #DDD bold;
	font-size: 25px;
	line-height:15px;
	position:relative;
	margin:10px 0 5px 0;
}
h6	{
	font: 20px #DDD bold;
	text-align: center;
	position:relative;
	top: -20px;
	line-height:15px;
}
.encabezado {
	position:relative;
	font-size: 30px;
	line-height:25px;
	margin:0;
	padding: 0 0 15px 0;
}
#top {
	height: 135px;
	background-image: url(../images/topbg.png);
	background-color:#000;
	background-repeat:repeat-x;
	padding: 0px;
	padding-top: 1px;
	width:100%;
	max-height: 180px;
}
#ancho {
	width: 1024px;
	padding: 0 0 0 5px;
	margin: 0 auto;
}
#title {
	width: 0px;
	padding: 0;
	float: left;
	height: 0px;
	overflow:hidden;
	margin: 0px;
}
#logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 155px;
	padding: 0;
	float: left;
	height: 92px;
	text-align: center;
	margin-top: 5px;
}
#slogan {
	width: 500px;
	margin: 0 auto;
	text-align: center;
	padding:0;
	margin-top: -5px;
	color:#333;
	clear:none;
}
#slogan h1 {
	color:#DDD;
	font-size: 38px;
	text-shadow: 1px 2px 2px black;
	line-height: 46px;
}
#contacto {
	position:relative;
	float: right;
	text-align: right;
	font-size: 11px;
	line-height:13px;
	color:#DDD;
	margin-top: -118px;
	padding: 0 5px 0 0;
}
#style-switcher {
	position: absolute;
	width: 100px;
	top:15px;
	right: 20px;
	z-index:10;
	font-size:75%;
	text-align: right;
	color: #999;
	padding: 0;
}
#style-switcher li {
	display: inline;
}
#style-switcher img {
	border: 0;
	width: 15px;
	height:15px;
}
#header {
	width:100%;
	background-image:url(../images/bannerbg.png);
	background-repeat: repeat-x;
	background-color:#000;
	margin-top:0px;
	height: 505px;
}
#rotator {
	width:1024px;
	height:420px;
	text-align:center;
	position: relative;
	/*	background-image: url(../images/shadow.png);
*/	background-repeat:no-repeat;
	margin: 0 auto;
}	
#intinfo {
	width:850px;
	margin: 0 auto;
	margin-top: -30px;
	padding: 30px 80px 50px 80px;
	height:360px;
	position: relative;
	background-image: url(../images/intinfo2.png);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#FFF;
	font-size:130%;
	font-weight:bold;
}
#intinfo a {
	color:#FFF;
}
#intinfo a:hover {
	color:#D1D1D1;
}
#derecha {
	background-image:url(../images/trans1.png);
	float:right;
	width: 280px;
	margin: 0;
	padding: 10px;
	position:relative;
	text-align:center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}
#bannerlogo {
	float:left;
	height:60px;
	width: 60px;
	margin: -10px -60px -5px 0;
	padding:0;
}
#bannerlogo img {
	border:0;
	width: 60px;
}
#menu {
	position:absolute;
	width:100%;
	left:0px;
	z-index:3;
	font-size: 85%;
	color:#CCC;
	margin: 0;
	top: 25px;
}
#main {
	margin:0;
	width:100%;
	padding-top: 10px;
	font-size:89%;
}
#footer {
	margin:0 auto;
	width:100%;
	padding: 5px 0 10px 0;
	border-top: medium double;
	border-bottom: medium double;
	font-size:95%;
	margin-top:10px;
	clear:both;
	background-image:url(../images/trans1.png);
	border-color: #17181D;
}
#anchofooter {
	width: 800px;
	padding: 0 0 0 5px;
	margin: 0 auto;
}
#mapa {
	margin:0;
	padding:0;
	font-size:95%;
	background-image:url(../images/trans1.png);
	width:100%;
	height:100%;
	text-align:left;
}
#sitemap {
	margin:0 auto;
	padding:0;
	font-size:90%;
	width:950px;
	height:100%;
	text-align:left;
	color:#000;
}
#sitemap a {
	color:#333;
}
#sitemap a:hover{
	color:#999;
}
.external {
	font-size:80%;
}
#mitad {
	width:47%;
	float:left;
	padding: 0;
	margin:0;
}
#mitadder {
	width:47%;
	float:right;
	padding: 0;
	margin:0;
}
#tercio {
	width:33%;
	float:left;
	padding: 0;
	margin:0;
}
#cuarto {
	width:24%;
	float:left;
	padding: 0;
	margin:0;
}
#colgde {
	width:700px;
	float:left;
	background-image:url(../images/trans1.png);
	padding: 15px;
	margin:0 5px 10px 5px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
height: 32em;
	overflow: visible;
	max-height: none;
}
#colmed {
	width:470px;
	float:left;
	background-image:url(../images/trans1.png);
	padding: 15px;
	margin:0 5px 10px 5px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
height: 32em;
	overflow: visible;
	max-height: none;
}
#colmedauto {
	width:470px;
	float:left;
	background-image:url(../images/trans1.png);
	padding: 15px;
	margin:0 5px 10px 5px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}
#colch {
	width:215px;
	float:left;
	background-image:url(../images/trans1.png);
	padding: 15px;
	margin:0px 5px 10px 5px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
height: 32em;
	overflow: visible;
	max-height: none;
}
#colchfooter {
	width:30%;
	float:left;
	padding: 10px;
	margin:0px 5px 0 0;
}
#colchscroll {
	width:215px;
	float:left;
	background-image:url(../images/trans1.png);
	padding: 15px;
	margin:0px 5px 10px 5px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
height: 32em;
	overflow: auto;
	max-height: none;
}
#colchint {
	width:225px;
	height:100%;
	float:left;
	padding: 0;
	margin:0;
}
#colunica {
	width:96%;
	float:left;
	background-image:url(../images/trans1.png);
	padding: 15px;
	margin:0 5px 10px 5px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	max-height: none;
}
#image {
	float: right;
	margin: 0 0px 0px 15px;
}
#image img {
	border:0;
}
#na {
	float:right;
	width:220px;
	height:100%;
	background-image:url(../images/na.jpg);
	background-repeat:no-repeat;	
	height: 32em;
	margin: 0;
}
#menuweb {
	clear:both;
	width:100%;
	height:auto;
	line-height:4em;
	background-image:url(../images/trans1.png);
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
	text-align:center; 
}
#contactimg {
	float: left;
	margin: 0 10px 10px 0;
	width:95px;
	height:100px;
	background-image:url(../images/contacto1.jpg);
	background-repeat:no-repeat;
}
#slider {
	clear:both;
	margin: 0 auto;
	width:1024px;
	padding:0;
	margin-top: 15px;
	margin-bottom: 10px;
}
#sectionlogo {
	float:left;
	height:100px;
	width: 100px;
	margin: 0 10px 5px 0;
	padding:0;
}
#sectionlogo img {
	border:0;
	width: 100px;
}
#seo {
	float:left;
	width: 450px;
	margin: 0 10px 0 10px;
	background-image:url(../images/seo-images.jpg);
	background-repeat:no-repeat;
	height:160px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px #292929;
	-webkit-box-shadow: 1px 1px 3px #292929;
	box-shadow: 1px 1px 3px #292929;
	color: #454545;
}
#medios {
	float:left;
	overflow:visible;
	width: 450px;
	margin: 0 10px 0 10px;
	background-image:url(../images/medios-images.png);
	background-repeat:no-repeat;
	height:160px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 1px 1px 3px #292929;
	-webkit-box-shadow: 1px 1px 3px #292929;
	box-shadow: 1px 1px 3px #292929;
	color: #454545;
}
#prog {
	float:left;
	margin: 0 3px 5px 0;
	width:50px;
	height:50px;
}
#prog img{
	width:100%;
	height:100%;
	border:0;
}
.subtitulo {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.subtitulo2 {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}
.naranja {
	color:#F60;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
#clear {
	clear:both;
}
.li {
	font-size:88%;
	list-style-image:url(../images/li.png);
	list-style-position: inside;
	position:relative;
	padding:0;
	left: -30px;
	width: 110%;
}
.lil {
	font-size:88%;
	list-style-image:url(../images/lil.png);
	list-style-position: inside;
	position:relative;
	padding:0;
	left: -30px;
	width: 112%;
}
.li2 {
	list-style-image:url(../images/lil.png);
	list-style-position: inside;
	padding:0;
}
.small {
	font-size:80%;
	font-style:oblique;
	letter-spacing: -.1px;
}
.smaller {
	font-size:90%;
	letter-spacing: -.1px;
}
.line25 {
	font-weight:bold;
	line-height: 20px;
	text-align:left;
}
.aplicaciones td {
	width: 50%;
}
.graybg {
	background-image:url(../images/trans4.png);
}
.copy {
	font-size:80%;
}
/*///////////////FORMULARIO DE CONTACTO//////////*/


#contact p, label, legend { font-size: 90%; }

#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: none; }

#contact {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	background-image:url(../images/trans1.png);
}

/* Form style */

#contact label { display: inline-block; float: left; -webkit-border-radius:5px; width:45px;}

#contact input, textarea, select {
	width: 100px;
	margin: 0;
	padding: 0;
	color: #333;
	background: #f5f5f5;
	border: 0;
	margin: 5px 0;
	font-size: 90%;
	webkit-border-radius:5px;
}   
#contact input:focus, textarea:focus, select:focus { border: 0px solid #999; background-color: #fff; color:#333; }

#contact input.submit { width: 85px; cursor: pointer; border: 0px solid #222; background:#DDD; color:#333; }

#contact input.submit:hover {
	background:#FFF;
}
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:5px; border:0px solid #000; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend {
	padding:7px 10px;
	font-weight:bold;
	color:#DDD;
	border:0px solid #eee;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom:0 !important;
	margin-bottom:20px;
}

#contact span.required{ font-size: 11px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 0; padding: 0; }

.error_message { display: block; height: 15px; line-height: 15px; background: #FFF url('../assets/error.gif') no-repeat 10px center; padding: 3px 3px 3px 30px; color:#8a1f11;border: 0; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:0px dotted #ccc; }

/*///////////////FORMULARIO DE CONTACTO//////////*/

/*///////////////AUTOGALLERY//////////*/
.gallery_container {
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:none;
	margin-bottom:20px;
	padding:0px;
	width:780px;
}
.gallery_photos {
	overflow: hidden;
}
.gallery_photos li {
	float: left; 
	margin: 5px; 
	font-size: 11px;
	list-style:none;
}
.gallery_photos li a {
	color: #DDD; 
	opacity:1; 
	display: inline-block;
}
.gallery_photos li a:hover {
	opacity:1;
}
.current_gallery {
	font-size: 11px; 
	padding-bottom: 10px; 
	overflow: hidden;
}
.current_gallery span {
	font-size: 12px;
	color:#FFF;
}
.galleries {
	padding-bottom: 15px;
	width: 180px;
	text-align:left;
	font-size: 11px;
}
.galleries h2 {
	padding-bottom: 5px;
}
.gallery_list {
	padding: 0 0 10px 15px;
}
.gallery_list li {
	list-style: disc; 
	list-style-position: inside;
}
.gallery_list li a {
	color: #DDD; 
	font-size: 12px; 
	text-decoration: none;
}
.gallery_list li a:hover {
	text-decoration: none;
}
.wrapper {
	width:100%;
	min-width:995px;
}

/*///////////////AUTOGALLERY//////////*/