/* CSS Document */
@font-face {
    font-family: 'Lato-900';
    src: url('../font/lato-black-webfont.eot');
    src: url('../font/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-black-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-700';
    src: url('../font/lato-bold-webfont.eot');
    src: url('../font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bold-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-400';
    src: url('../font/lato-regular-webfont.eot');
    src: url('../font/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-regular-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato-300';
    src: url('../font/lato-light-webfont.eot');
    src: url('../font/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-light-webfont.ttf') format('truetype');
}


/* ---------------------------------------------
General
--------------------------------------------- */
body		{ margin: 0; padding: 0; background-color: #fff; }

.content-middle { width: 938px; margin: 0 auto; }

.claim		{ font-family: 'Lato-300', Arial; font-weight: 300; font-size: 38px; color: #CC0033; }
.comment	{ font-family: 'Lato-700', Arial; font-weight: 700; font-size: 30px; color: #666666; line-height: 42px; }
.contact	{ font-family: 'Lato-300', Arial; font-weight: 300; font-size: 20px; color: #666666; }
a.contact	{ font-family: 'Lato-300', Arial; font-weight: 300; font-size: 20px; color: #666666; text-decoration: none; }
a.contact:hover	{ font-family: 'Lato-300', Arial; font-weight: 300; font-size: 20px; color: #666666; text-decoration: underline; }

/* ---------------------------------------------
Esquinas
--------------------------------------------- */
.corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* ---------------------------------------------
Contenedores
--------------------------------------------- */
.container-center	{ margin: 0px auto; }

#canvas		{ width: 100%; margin: 0 auto; padding: 0; }
#main		{ width: 100%; background-color: #fff; padding-top: 20px; float: left; }
#header		{ width: 100%; z-index: 10000; }
#content	{ width: 100%; min-height: 450px; }
#footer		{ width: 100%; height: 200px; background: #fff; float: left; padding-top: 20px; }

/* ---------------------------------------------
Separadores
--------------------------------------------- */
.shadow_bar { width: 100%; text-align: center; width: 781px; height: 18px; background: url(../img/shbar.png) no-repeat left top; z-index: 1000000; }
.clear		{ width: 100%; height: 20px; }

/* ---------------------------------------------
Cabecera
--------------------------------------------- */
#header-top	{ 
	width: 100%; 
	height: 20px; 
	/*
	background: -webkit-linear-gradient(#cc0033, #9b0002);
	background: -moz-linear-gradient(#cc0033, #9b0002);
	background: -o-linear-gradient(#cc0033, #9b0002);
	background: -linear-gradient(#cc0033, #9b0002);
	*/
	background: -webkit-linear-gradient(#339900, #003300);
	background: -moz-linear-gradient(#339900, #003300);
	background: -o-linear-gradient(#339900, #003300);
	background: -linear-gradient(#339900, #003300);
}

#header-mid	{ width: 938px; margin: 10px auto; }
#header-mid	img { padding: 9px 0; }
#header-mid .title { line-height: 80px; margin-left: 60px; }
#header-mid h1			{ font-family: 'Lato-300', sans-serif; font-weight: 300; font-size: 38px; color: #999999; display: block; }
#header-mid .logo { float: left; }
#header-mid .nav		{ float: right; margin-top: 45px; }
#header-mid .nav ul	{ display: block; }
#header-mid .nav li 			{ float: left; font-family: 'Lato-300', sans-serif; font-size: 16px; font-weight: 300; cursor: pointer; border-right: 1px solid #cccccc;  }
#header-mid .nav li.last		{ border-right: 0px; }
#header-mid .nav li.last a span	{ padding-right: 0px; }
#header-mid .nav li a  			{ color: #333333; text-decoration: none; }
#header-mid .nav li a span		{ padding: 8px 21px; }
#header-mid .nav li a:hover 	{ color: #af0016; text-decoration: none; }
#header-mid .nav li a.activo	{ color: #ca0031; }

#header-bottom	{ width: 100%; float: left; margin: 10px auto; background-color: #ffffff; height: 25px; }
#header-bottom .header-bar-old { width: 938px; margin: 0 auto; background-color: #7FB61A; height: 17px; box-shadow: 8px 8px 0px #686D57; }
#header-bottom .header-bar { 
	width: 938px; 
	height: 25px;
	margin: 0 auto; 
	
	background-image: url(/img/header-bar.gif);
	background-repeat: no-repeat;
}
/* ---------------------------------------------
Contenido
--------------------------------------------- */
#content			{ width: 938px; margin: 0 auto; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; color: #666666; }
#content h2			{ font-family: 'Lato-400', sans-serif; font-weight: 400; font-size: 24px; color: #333333; display: block; margin-bottom: 6px; }
#content h3			{ font-family: 'Lato-400', sans-serif; font-weight: 400; font-size: 18px; color: #333333; display: block; margin-bottom: 6px; }
#content div 		{ margin-bottom: 10px; }
#content p			{ display: block; margin-bottom: 6px; line-height: 130%; }
#content p a 		{ color: #ca0031; text-decoration: none; }
#content p a:hover { color: #ca0031; text-decoration: underline; }

#content .article a.title { font-family: 'Lato-400', sans-serif; font-weight: 400; font-size: 18px; color: #333333; display: block; margin-bottom: 6px; text-decoration: none; }
#content .article a.title:hover { text-decoration: underline; }
#content .article a.more { font-family: 'Lato-400', sans-serif; font-weight: 400; font-size: 16px; color: #ff7700; display: block; margin-bottom: 6px; text-decoration: none; }
#content .article a.more:hover { text-decoration: underline; }


#content label a { color: #444444; text-decoration: underline; }

#content ol { list-style: none; }
#content ol li { margin-bottom: 10px; }

#content ul { list-style: circle; }
#content ul li { margin-left: 16px; margin-bottom: 10px; }
#content ul li a { color: #af0016; text-decoration: none; }
#content ul li a:hover { color: #af0016; text-decoration: underline; }

#content .small 	{ font-size: 12px; }
#content .justify p	{ text-align: justify; }

#content .block		{ float: left; width: 100%; margin-top: 20px; }

a.action			{ text-decoration: underline; color: #777; }
a.action:hover 		{ text-decoration: underline; color: #ca0031; }

.color_primary		{ color: #ca0031 }

.title				{ font-family: 'Lato-300', sans-serif; font-weight: 300; font-size: 38px; color: #999999; }
.subtitle				{ font-family: 'Lato-300', sans-serif; font-weight: 300; font-size: 26px; color: #999999; }
.description			{ font-family: 'Lato-400', sans-serif; font-weight: 400; font-size: 12px; color: #999999; }

.field-label		{ padding: 0 !important; margin: 0 !important; }
.field-label span	{ font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 13px; color: #555555; }
.txtbox			{ border: 1px solid #cccccc; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 12px; color: #333333; padding: 4px; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px 4px; }

textarea		{ resize: vertical; }

.field-error	{ border: 1px solid #ff0000; color: #990000; }
.label-error	{ color: #990000 !important; }

.required		{ color: #999 !important; font-size: 10px !important; }
.optional		{ color: #b3b3b3 !important; font-size: 10px !important; }

.inner	{ margin-left: 15px; }
.txth { color: #af0016 !important; }

.va-mid { vertical-align: middle; }
.va-top { vertical-align: top; }
.va-bot { vertical-align: bottom; }

.button {
	margin: 0px;
	padding: 8px;
	border: 0;
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 13px;
	font-weight: 500;
	color: #fff;	
	background: #cc0033;
	-webkit-border-radius: 4px 4px; 
	-moz-border-radius: 4px / 4px;
	border-radius: 4px 4px;
	cursor: pointer;
}

a.button { text-decoration: none; }

.button:hover {
	color: #ffffff;
	background: #cc0033;
	background: -webkit-linear-gradient(#cc0033, #9b0002);
	background: -moz-linear-gradient(#cc0033, #9b0002);
	background: -o-linear-gradient(#cc0033, #9b0002);
	background: -linear-gradient(#cc0033, #9b0002);
}

.deg1 {
	background: -webkit-linear-gradient(#f5f5f5, #cccccc);
	background: -moz-linear-gradient(#f5f5f5, #cccccc);
	background: -o-linear-gradient(#f5f5f5, #cccccc);
	background: -linear-gradient(#f5f5f5, #cccccc);
}

.deg2 {
	background: -webkit-linear-gradient(#d9d9d9, #f5f5f5);
	background: -moz-linear-gradient(#d9d9d9, #f5f5f5);
	background: -o-linear-gradient(#d9d9d9, #f5f5f5);
	background: -linear-gradient(#d9d9d9, #f5f5f5);
}

.deg3 {
	background: -webkit-linear-gradient(#e9ffff, #33ccf3);
	background: -moz-linear-gradient(#e9ffff, #33ccf3);
	background: -o-linear-gradient(#e9ffff, #33ccf3);
	background: -linear-gradient(#e9ffff, #33ccf3);
}

.deg-inner {
	background: -webkit-linear-gradient(#e9e9e9, #ffffff);
	background: -moz-linear-gradient(#e9e9e9, #ffffff);
	background: -o-linear-gradient(#e9e9e9, #ffffff);
	background: -linear-gradient(#e9e9e9, #ffffff);
}

#home-featured { float: left; width: 100%; display: table-cell; }
#home-featured div.home-featured-item { float: left; width: 280px; height: 260px; padding: 0 15px 0 15px; border-left: 1px dotted #cccccc; 1px dotted #cccccc; background-color: #ffffff; }
#home-featured h2 { font-family: 'Lato-500', sans-serif; font-weight: 500; font-size: 18px; color: #333333; margin-bottom: 6px; }
#home-featured h2 a { color: #333333; text-decoration: none; }
#home-featured h2 a.e:hover { color: #d63059; }
#home-featured h2 a.f:hover { color: #6179ac; }
#home-featured h2 a.m:hover { color: #dc954e; }
#home-featured p { font-size: 14px; line-height: 18px; color: #666666; }

#home-promo		{ float: left; width: 100%; margin-top: 10px; }
#home-promo div.home-promo-content	{ border-top: 1px dotted #cccccc; padding: 15px 15px 0 15px; }
#home-promo div.home-promo-left		{ float: left; margin-right: 60px; }
#home-promo div.home-promo-right	{ }

.spacer-h		{ margin-right: 25px; }

.msg_warning p 	{ color: #990000 !important; }

/* ---------------------------------------------
Pie página
--------------------------------------------- */
#footer-mid			{ width: 938px; margin: 10px auto; }
#footer .block		{ float: left; width: 230px; margin-top: 20px; }

#footer .legal			{ font-family: Helvetica, Arial, sans-serif; font-weight: 700; font-size: 11px; color: #777 !important; margin-bottom: 8px; }
#footer .legal a			{ color: #777; text-decoration: none; }
#footer .legal a:hover		{ text-decoration: underline; }

#footer.txt				{ font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-size: 11px; color: #999999; }
#footer.txt a			{ color: #999999; text-decoration: none; }
#footer.txt a:hover		{ text-decoration: underline; }



#footer-left			{ float: left; margin: 30px 0 0 200px; text-align: left; }
#footer-left div h1		{ font-family: 'Lato-300', sans-serif; font-weight: 300; font-size: 25px; color: #333333; }
#footer-left ul			{ display: block; margin-left: -4px; }
#footer-left li 			{ float: left; font-family: 'Lato-400', sans-serif; font-size: 11px; font-weight: 400; cursor: pointer; border-right: 1px solid #FFC420; }
#footer-left li.last		{ border-right: 0px; }
#footer-left li a  			{ color: #333333; text-decoration: none; }
#footer-left li a span		{ padding: 4px; }
#footer-left li a:hover 	{ color: #FF6600; text-decoration: none; }
#footer-left li a.activo	{ color: #FF6600; }
#footer-right			{ float: right; padding: 15px 30px 0 0; }



#left-column {
	float: left;
	width: 160px;
	border-right: 1px solid #999;
}

#center-column {
	float: left;
	padding-left: 40px;
	width: 720px;
}
.side-picture a { text-decoration: none; }
.side-picture a:hover p { color: #004400 !important;}
.side-picture p { font-family: 'Lato-400', sans-serif; font-weight: 400; font-size: 14px !important; color: #333333; margin: 0 0 8px 0 !important; padding: 0 !important; }
.side-picture img { width: 118px; height: 82px; margin-bottom: 14px; }


.wrapper-form {
	margin-top: 10px;
}

.tbl-dir-vent td { width: 115px; height: 28px; }

form fieldset {
	border-bottom: 1px solid #e3e3e3;
	padding: 20px;
	margin-bottom: 20px;
}

form fieldset.last { border-bottom: 0; }

form fieldset legend {	
	font-size: 16px;
	font-weight: bold;
	color: #7FB61A;
	margin: 0 0 20px -20px;
	padding: 0;
	float: left;

}

ul.column { float: left; margin: 0 40px 0 0; padding: 0; width: 270px; }
ul.column li { list-style: none; margin: 0; padding: 0;}



#divMap { display: none; }

#gmaps-canvas {
  width: 100%;
  height: 300px;

  
  -moz-box-shadow:    0px 0px 5px #ccc;
  -webkit-box-shadow: 0px 0px 5px #ccc;
  box-shadow:         0px 0px 5px #ccc;
}

#gmaps-error {
  color: #cc0000;
}

#results {
  color: #555;
  padding-top: 10px;
}

#input {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ccc;
}
#input #gmaps-output-latitude, #input #gmaps-output-longitude {
  color: green;
}