/* 
Ultima Actualización: mayo 5, 2009
Modificado por: Julio Gardugno / julio@gamol.com.mx
 */

* {
margin:0px;
padding:0px;
}

/*	-------------------------------------------------------------
	Reset para cross-browsing
	-------------------------------------------------------------	*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{
	background: #00194C url(imagenes/repetir1.jpg) repeat-x 0 160px; 
	font-family: Helvetica, Arial, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img{
	border: none;
}
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
} 
a{
	text-decoration: none;
	color: #D8234C;
}
a:hover{
	color: #EFB900;
}
h1, h2, h3, h4, h5, h6, h7, h8{
	font-family: Trebuchet MS, sans-serif;
	font-weight: normal;
}
p{
	line-height: 130%;
	color: #555;
	font-size: 90%;
	clear: both;
	text-align: justify;
}



table, tbody, tr, th, td{
	vertical-align: middle;
}
span.yellow{
	color: #EFAE00;
}
/*	-------------------------------------------------------------
	Reset para cross-browsing
	-------------------------------------------------------------	*/
	
	


.lights{
	width: 100%;
	background: url(imagenes/Header_luces.jpg) top center no-repeat;
	padding: 50px 0 0 0;
	height: 170px;
}
.wrapper{
	width: 900px;
	margin: 0 auto;
}

.floating{
	float: left;
}
.header{
	height: 120px;
	width: 100%;
	background: #ddd url(imagenes/bg-header.jpg) top left repeat-x;
}

/*::::::::::::::::::HEADER::::::::::::::::::.*/
.logo{
	padding: 13px 0 0 20px;
	float: left;
}
.tag-search{
	float: right;
	width: 695px;
	height: 70px;
	overflow: hidden;
}
.tag-search h2{
	font-family: "Georgia", serif;
	font-size: 32px;
	color: #252772;
	font-style: italic;
	float: left;
	padding: 27px 0 0 0 ;
}
.search{
	width: 185px;
	float: right;
	padding: 25px 7px 0 65px;
	text-align: right;
	background: url(imagenes/bg-search.jpg) top right no-repeat;
	height: 70px;
}

.search input{
	float: left;
}
.search input.boton{
	background: transparent;
	border: none;
	color: #eee;
	font-size: 15px;
	padding: 0 0 0 15px;
	cursor: pointer;
	font-weight: bold;
}
input.search-text{
	color: #eee;
	width: 128px;
	background: transparent;
	border: none;
	font-size: 15px;
	padding: 1px;
	float: left;
}
/*::::::::::::::::::HEADER::::::::::::::::::.*/

.menu-box{
	width: 600px;
	height: 34px;
	float: right;
}
.menu-box ul li{
	display: inline;
	color: #D8234C;
	padding: 0 3px;
}

.menu-box li a{
	color: #D8234C;
	font-weight: bold;
}

/*::::::::::::::::::MENU::::::::::::::::::.*/
#info {height:500px;}
/* style the outer div to give it width */
.menu {font-size:14px; color: #D8234C;
	font-weight: bold;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:34px;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height: 34px;line-height: 34px;z-index: 200;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em; font-size: 0.8em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#D8234C;padding:0 11px 10px 11px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#eee; color:#262976;width:12em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom: 1px solid #bbb;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {color:#fff;background:#D8234C;}

/* style the level hovers */
/* first */
.menu a:hover {color: #D8234C; background: url(imagenes/over-menu.jpg) center -1px no-repeat;}
.menu :hover > a {color: #D8234C;}
/* second */
.menu ul ul a:hover{color:#fff;background:#D8234C;}
.menu ul ul :hover > a {color:#fff;background:#D8234C;}
/* third */
.menu ul ul ul a:hover {background:#DF3761;}
.menu ul ul ul :hover > a {background:#DF3761;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em;left:0;width:14em;z-index:215;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/*::::::::::::::::::MENU::::::::::::::::::.*/

/*::::::::::::::::::CONTENT::::::::::::::::::.*/
.content{
	float: left;
	width: 900px;
	background: #eee url(imagenes/bg-bottom-content.gif) bottom left repeat-x;
	padding-bottom: 30px;
}
.box-home{
	width: 860px;
	padding: 20px;
	float: left;
}

.box-left{
	float: left;
	width: 530px;
}
.box-right{
	float: right;
	width: 300px;
}

.full-row{
	width: 100%;
	float: left;
	padding-bottom: 15px;
}


.welcome{
	margin-bottom: 15px;
	float: left;
}
h1, h2, h3{
	color: #eee;
	font-size: 14px;
}
h1{
	height: 50px;
	float: left;
	clear: both;
	color: #fff;
	line-height: 120%;
	background: url(imagenes/h1-center.jpg) top center repeat-x;
	font-size: 17px;
	width: auto;
	margin-bottom: 15px;
}
h1 span.left, h1 span.middle, h1 span.right{
	background: url(imagenes/h1-left.jpg) top left no-repeat;
	float: left;
	width: 50px;
	height: 50px;
}
 h1 span.middle{
 	width: auto;
	background: none;
	height: 47px;
	margin-left: -35px;
	padding: 3px 30px 3px 3px;
	width: auto;
 }
h1 span.right{
	background: url(imagenes/h1-right.jpg) top right no-repeat;
	width: 20px;
}




a.more{
	float: right;
	clear: both;
	color: #5B6F92;
	font-size: 80%;
	background: #ddd url(imagenes/bg-more.gif) bottom left repeat-x;
	padding: 3px 5px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin-top: 10px;
}
a.more:hover{
	color: #D8234C;
	background: #fff;
}


.two-boxes{
	width: 100%;
	float: left;
	padding-top: 35px; 
}
.cotizador{
	float: left;
	width: 210px;
}

.box-right .cotizador, .box-right .gallery{
	float: right;
	width: 270px;
}
.cotizador h2, .gallery h2{
	background: url(imagenes/bg-h2-cotizador.jpg) top left no-repeat;
	width: 200px;
	height: 50px;
	padding: 5px 0 0 20px;
	
}



.cotizador a img{
	padding: 0 20px;
}
.promos{
	width: 300px;
	float: right;
	text-align: center;
}
.promos h2{
	background: url(imagenes/bg-h2-promos.jpg) top left no-repeat;
	width: 200px;
	height: 50px;
	padding: 5px 0 0 20px;
	text-align: left;
}
.news-item{
	width: 100%;
	margin-bottom: 15px;
	float: left;
}
.box-right h2{
	width: 230px;
	height: 45px;
	padding: 5px 0 0 20px;
	background: url(imagenes/bg-h2-news.jpg) top left no-repeat;
}

.box-right .cotizador h2, .gallery h2{
	background: url(imagenes/bg-h2-promos.jpg) top left no-repeat;
}

.news-item h3{
	color: #D8234C;
	font-size: 18px;
	float: right;
	padding: 0 0 10px 5px;
	width: 200px;
}
.news-item h3 a{
	color: #D8234C;
}
.news-item h3 a:hover{
	color: #EFAE00;
}
.news-item img{
	float: left;
	border: 3px solid #B1B1B1;
	margin-bottom: 10px;
}

.box-left h2.subtitle{
	clear: both;
	color: #D8234C;
	padding-top: 35px;
	font-size: 18px;
}
.box-left p.date{
	clear: both;
	font-size: 10px;
	margin-bottom: 15px;
}
/*::::::::::::::::::CONTENT::::::::::::::::::.*/

/*::::::::::::::::::GALLERY::::::::::::::::::.*/
.gallery-cont{
	float: left;
	margin: 10px 0 20px 0;
}
.gallery img{
	float: left;
	border: 2px solid #bbb;
}
.gallery a{
	float: left;
	width: 84px;
	height: 84px;
	padding: 6px 6px 0 0;
	overflow: hidden;
}
/*::::::::::::::::::GALLERY::::::::::::::::::.*/


/*::::::::::::::::::FOOTER::::::::::::::::::.*/
.footer{
	float: left;
	width: 100%;
	height: 140px;
}
.chat-link, .data{
	height: 80px;
	background: #eee url(imagenes/bg-footer-boxes.gif) top left repeat-x;
	padding: 15px 5px 10px 5px;
}
.chat-link{
	float: left;
	width: 305px;
}
.chat-link h2{
	background: url(imagenes/bg-h2-chat.jpg) top right no-repeat;
	width: 65px;
	height: 45px;
	padding: 5px 0 0 25px;
	float: left;
}
.chat-link p{
	width: 190px;
	float: right;
	clear: none;
	padding: 0 10px 0 0 ;
	text-align: left;
}
.chat-link .more{
	margin-right: 10px;
	clear: right;
	width: 65px;
}
.data{
	width: 550px;
	float: right;
}
.data h2{
	font-size: 20px;
	font-weight: bold;
	float: left;
	color: #444;
	padding: 0 5px;
}
.data p{
	float: right;
	width: 420px;
	padding-right: 15px;
	text-align: left;
	font-size: 12px;
	clear: none;
}
.credits{
	width: 100%;
	float: right;
	margin-top: 6px;
	padding-bottom: 20px;
}
.credits p{
	width: 100%;
	text-align: right;
	font-size: 11px;
	color: #fff;
	line-height: 25px;
}
.credits p a{
	color: #fff;
	padding: 7px 0 7px 30px;
	background: url(imagenes/logo-gamol.jpg) left center no-repeat;
}
.credits p a:hover{
	color: #FF7900;
}
/*::::::::::::::::::FOOTER::::::::::::::::::.*/


.divider{
	width: 100%;
	clear: both;
	float: left;
	height: 2px;
}

/*::::::::::::::::::CONTACTO::::::::::::::::::.*/
form.contacto{
	float: left;
	clear: both;
	width: 490px;
	padding: 20px;
}
form.contacto h3{
	color: #252772;
}
.form-row{
	width: 100%;
	padding: 5px 0;
	float: left;
}
.form-row label{
	width: 30%;
	float: left;
	text-align: right;
	color: #555;
	font-size: 90%;
}
.form-row label span{
	font-size: 1em;
	color: #D8234C;
}
.form-row input, .form-row select, .form-row textarea, .form-row .radio{
	width: 50%;
	float: right;
	margin-right: 5%;
	border: 2px solid #ccc;
	background: #fff;
	font-size: 0.9em;
	color: #555;
	padding: 3px 1px;
}
.form-row textarea{
	height: 160px;
	font-family: Arial, Helvetica, sans-serif;
}
.form-row .radio{
	background: none;
	border: none;
}
.form-row .radio input{
	float: left;
	width: auto;
}
.form-row .radio label{
	float: left;
	text-align: left;
}
input.boton{
	width: auto;
	padding: 3px;
	background: #ddd url(imagenes/bg-more.gif) bottom left repeat-x;
	cursor: pointer;
}
input.boton:hover{
	color: #D8234C;
}
p.big-legend{
	font-size: 1.2em;
	padding: 20px;
}

.form-row img{
	padding-left: 115px;
}
/*::::::::::::::::::CONTACTO::::::::::::::::::.*/



ul.text{
	line-height: 130%;
	color: #555;
	font-size: 90%;
	clear: both;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}

ul.text li{
	background: url(imagenes/bullet-p.jpg) left center no-repeat;
	padding: 3px 0 3px 16px;
}