/* ================================
    CAV MENU CSS STYLES  Ver. 1.0
	ARQUIGRAFO
   ================================
*/   

/***********************************/
/* Fondos de Pagina y  Tablas HTML */
/***********************************/

    .slide-out-div {
       padding: 20px;
        width: 250px;
        background: #f2f2f2;
        border: #000000 1px solid;
    }



.AreaBlanca_Top {
   	background:url(imgs/barratop_fondo.png) repeat-x;
}

.AreaBlanca_Middle {
   	border: none;
   	padding: 0;
   	border-radius: 10px;
   	box-shadow: 0 1px 2px #333;
   	-o-box-shadow: 0 1px 2px #333;
   	-webkit-box-shadow: 0 1px 2px #333;
   	-moz-box-shadow: 0 1px 2px #333;
	background-image: linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);
background-image: -o-linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);
background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);
background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);
background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.13, rgb(242,242,242)),
	color-stop(0.6, rgb(255,255,255)),
	color-stop(0.8, rgb(255,255,255))
);

}

.AreaGradiente_Body {
   	border: none;
   	padding: 0;
   	border-radius: 10px;
   	box-shadow: 0 1px 2px #333;
   	-o-box-shadow: 0 1px 2px #333;
   	-webkit-box-shadow: 0 1px 2px #333;
   	-moz-box-shadow: 0 1px 2px #333;
	background-image: linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);
background-image: -o-linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);
background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);
background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);
background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 13%, rgb(255,255,255) 60%, rgb(255,255,255) 80%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.13, rgb(242,242,242)),
	color-stop(0.6, rgb(255,255,255)),
	color-stop(0.8, rgb(255,255,255))
);
}

.AreaGradiente_QS {
   	border: none;
   	padding: 0;
   	border-radius: 10px;
	background-image: linear-gradient(bottom, #E82127 100%, #BA191B 1%);
	background-image: -o-linear-gradient(bottom, #E82127 100%, #BA191B 1%);
	background-image: -moz-linear-gradient(bottom, #E82127 100%, #BA191B 1%);
	background-image: -webkit-linear-gradient(bottom, #E82127 100%, #BA191B 1%);
	background-image: -ms-linear-gradient(bottom, #E82127 100%, #BA191B 1%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, #E82127),
		color-stop(0.01, #BA191B)
	);
}

.AreaDashed_QS {
	border: 1px dashed #FFF;
	border-radius: 10px;
}

.AreaBlanca_Bottom {
   	border-bottom: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
   	padding: 0;
   	background: #FFF;
   	box-shadow: 0 5px 5px #333;
   	-o-box-shadow: 0 5px 5px #333;
   	-webkit-box-shadow: 0 5px 5px #333;
   	-moz-box-shadow: 0 5px 5px #333;
}

.AreaTestimonio {
   	border: 1px solid #e9e9e9;
   	padding: 10;
   	background: #FFF;
	border-radius: 8px;
   	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px; 
}

.footer {
	height: 180px;
	background: url(imgs/barrabottom_fondo.png) top repeat-x #4e8b12;
   	padding: 0;
	margin: 0 auto;
}


/************************/
/* Etiquetas y textos   */
/************************/

.Titulo
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
}

.TituloBlanco
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
}

.TituloVerde
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #01ac5a;
	line-height: 42px;
	letter-spacing: -1px;
}

.Subtitulo
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #01ac5a;
	line-height: 18px;
	text-transform: uppercase;
}

.SubtituloBlanco
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 18px;
}

.Subtitulo_Rojo
{
	color: #ec1f24;
	font-size: 22px;
	font-weight: bolder;
	line-height: 22px;
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	text-shadow: 0 1px 1px #999;
}
.NormalGana
{
	font-family: "AvantGarde"
	font-size: 20px;
	color: #333333;
	line-height: 18px;
	font-weight: bold;
}
.Normal
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	font-weight: normal;
}

.Normal a
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	text-decoration:none;
}

.Normal_Blanco
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
}

.Normal_Blanco2
{
	font-family:"Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
	line-height: 20px;
}

.Ligas
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 12px;
	color: #ec5559;
	line-height: 20px;
}

.List_subtitulo
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	font-weight:bold;
}

.List_subtitulo a
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	font-weight:bold;
	text-decoration:none;
}

.Columna
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 20px;
}

.LigasInferiores
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 10px;
	line-height: 25px;
	color: #FFF;
}


.Copyright
{
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 12px;
	color: #4c4f57a;
	line-height: 16px;
}

.Copyright a {
  	color: #223e99;
  	text-decoration: none; 
} 


.Titulo_Catalogo{
	color:#ec1f24;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	text-transform:uppercase;
}

.Subtitulo_Catalogo{
	color:#2A9F00;
	font-size:18px;
	font-weight:bold;
	line-height:14px;
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
}

.Precios{
	color:#696969;
	font-size:18px;
	font-weight:bold;
	line-height:10px;
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
}

/***********************/
/* Formas */
/***********************/

.forma {
	border: #e6e6e6 1px solid;
	padding: 2px;
	margin: 2px;
	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
	font-size: 13px;
	color: #333333;
   	background: #FFF;
}

/***********************/
/* Listas */
/***********************/


ul {
	margin-left: 3em;
	padding-left: 0em;
	list-style-position: outside;
}

ol {
	margin-left: 0em;
	padding-left: 3em;
}

/***********************/
/* Botones */
/***********************/

.bt {
  margin: 5px 0;
  padding: 0;
  position: relative;
  font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
  text-transform: none;
  font-weight: bold;
}

.bt a {
  	height: 28px;
 	line-height: 28px;
  	position: relative;
  	margin: 0;
  	padding: 5px 20px 5px 20px;
  	background: #d81d22;
  	color: #FFF;
  	font-size: 14px;
  	text-decoration: none; 
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px; 
  	border-radius: 5px;
} 

.bt a:hover {
  	background: #871215;
  	text-decoration: none;
	color: white;
	font-weight:bold;
}

.bt2 a:hover {
  	background: #d81d22;
  	text-decoration: none;
	color: white;
	font-weight:bold;
}

.bt2 {
  margin: 5px 0;
  padding: 0;
  position: relative;
  font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
  text-transform: none;
  font-weight: bold;
}

.bt2 a {
  	float: left;
  	height: 28px;
 	line-height: 28px;
  	position: relative;
  	margin: 0;
  	padding: 0 20px 0 20px;
  	background: #;
  	color: #d81d22;
  	font-size: 14px;
  	text-decoration: none; 
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px; 
  	border-radius: 5px;
} 
	
.bt3 {
  margin: 5px 0;
  padding: 0;
  position: relative;
  font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
  text-transform: none;
  font-weight: bold;
}

.bt3 a {
  	float: left;
  	height: 28px;
 	line-height: 28px;
  	position: relative;
  	margin: 0;
  	padding: 0 20px 0 20px;
  	background: #d81d22;
  	color: #FFF;
  	font-size: 14px;
  	text-decoration: none; 
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px; 
  	border-radius: 5px;
} 

.btMenu {
  	margin: 0;
  	padding: 0;
  	position: relative;
  	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
  	text-transform: none;
  	font-size: 14px;
	text-transform: uppercase;
}

.btMenu a {
  	float: left;
	width: 160px;
  	height: 24px;
 	line-height: 24px;
  	position: relative;
  	margin: 0;
  	padding: 0 10px 2px 10px;
  	background: transparent;
	color: #FFF;
  	text-decoration: none; 
} 

.btMenu a:hover {
  	background: #e7e7e7;
	color: #696969;
  	text-decoration: none;
	text-shadow: 0 1px 2px #FFF;
	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px; 
  	border-radius: 6px;
	box-shadow: 0 1px 2px #999;
   	-o-box-shadow: 0 1px 2px #999;
   	-webkit-box-shadow: 0 1px 2px #999;
   	-moz-box-shadow: 0 1px 2px #999;
}

.btCat {
  	margin: 5px 0;
  	padding: 0;
  	position: relative;
  	font-family: "Century Gothic", AvantGarde, "AvantGarde Bk BT", Arial, sans-serif;
  	text-transform: none;
  	font-weight: bold;
  	font-size: 14px;
}

.btCat a {
  	float: left;
  	height: 28px;
 	line-height: 28px;
  	position: relative;
  	margin: 0;
  	padding: 0 10px 0 10px;
  	background: transparent;
	color: #FFF;
  	text-decoration: none; 
} 

.btCat a:hover {
  	background: #e7e7e7;
	color: #696969;
  	text-decoration: none;
	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px; 
  	border-radius: 8px;
	box-shadow: 0 1px 2px #999;
   	-o-box-shadow: 0 1px 2px #999;
   	-webkit-box-shadow: 0 1px 2px #999;
   	-moz-box-shadow: 0 1px 2px #999;
}



/***********************/
/* Slideshow */
/***********************/

#slideshow {
    position:relative;
    height:390px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/***********************/
/* Tinybox */
/***********************/

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#frameless {padding:0}
#frameless .tclose {left:6px}

/***********************/
/* Controles estandard */
/***********************/

.container {
	width:100%; 
	overflow:hidden;
}

body {
	background: url(imgs/fondo.png) repeat-x #082304;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

A:link  
{
   	text-decoration: none;
}

A:visited   
{
	text-decoration: none;
	color: none;
}

A:active    
{
	text-decoration: none;
}

A:hover 
{
	text-decoration: underline;
}
.fondocelda {
	background-image: url(imgs/fondo_celda.png);
	background-position: center center;
}
.fondocelda2 {
	background-image: url(imgs/fondocelda.png);
	background-position: center center;
	background-repeat: no-repeat;
}