/* CSS Document */

body {
	padding:0;
	margin-top:10px;

/*	line-height:1.3em;*/
	font-family: 'Lucida Grande',Tahoma,Arial,Verdana,Sans-Serif;
	font-size:11px;
	background:#EEEEEE;
}

.cargando{
	background-image:url('..images/cargando.gif');
    background-repeat:no-repeat; background-position:center center;
    border:1px black solid;
}
#navigation{
	width:96.5%;
	margin-bottom:0px;
}

.alerta{
    color:#f00;
    display:block;
    width:50%;
    text-align:center;
	padding:2px;
    border:#f00 solid 1px;
}

.msg{
    color:#f00;
    width:100%;
    text-align:center;
	padding:2px;
    border:#f00 solid 1px;
	font-size:12px;
	font-weight:700;
}

#izquierda{
		width:125px;
		height: auto;
		background-color:#FFFFFF;
		border-style:solid;
		border-width:1px;
		border-color:#CCCCCC;
		margin:5px 5px 5px 5px;
		float:left;
		padding-bottom:5px;
		padding-left: 5px;
		padding-top: 5px;
		padding-right: 5px;

	-webkit-border-radius: 10px 10px 10px 10px;
		
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-top-radius:15px;
	-webkit-border-bottom-bottom-radius:15px;
}

.principal{
		width:390px;
		height:auto;
		background-color:#FFF;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		margin:10px 10px 10px 117px;
}
.derecha{
		width:150px;
		height:auto;
		background-color:#FFFFDD;
		border-style:solid;
		border-width:1px;
		border-color:#000000;
		margin:0 5px 0 0;
		float:right;
		padding:5px;
}
#CONTAINER{
		margin-top:10px;
		padding-bottom:8px;
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		background-color:#EEEEEE;
/*		border-style:solid;
		border-color:#000000; */
		width:940px;
		height:auto;
		float:left;
		margin-left:15px;
		
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-top-radius:15px;
	-webkit-border-bottom-bottom-radius:15px;

	-webkit-border-radius: 15px 15px 15px 15px;
}




/*ESTILOS PARA ELCONTENIDO */
.titulosuperior {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #FF0000; 
	font-weight: bold;
	text-shadow: #FFFFFF 0 1px 0; 
	font-size: 16px;
}
.titulointerno {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #0000FF; 
	font-weight: bold; 
	text-shadow: #FFFFFF 0 1px 0;
	font-size: 14px;
}
.textocontenido {
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
    font-size:14px;
	text-shadow: #EEEEEE 0 1px 0;
}
.precio{
	font:Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-shadow: #FFFFFF 0 1px 0;
	font-size:12px;
	font-weight:700;
}
/*FIN ESTILOS PARA ELCONTENIDO */
.derechos{
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	text-shadow: #EEEEEE 0 1px 0;
    font-size:11px;
	font-weight:700;
}

#images{
	width: 225px;
	border: 1px solid #CCCCCC;
	float: left;
	background-color: #FFFFFF;
	margin-top: 7px;
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-left: 8px;
}

#maincontainer{
	background: url('../images/maincontainerbg.gif') repeat-x #196cc4;
	height:auto;
	width:984px;
/*	position:relative;*/
	/*float:left;*/
	overflow:hidden;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size:12px;
}
* html #maincontainer{
	margin-top: -1px;
}
/*INICIO Cuadrado Blanco de Fondo de COntenido*/
#boxcontent {
  
	width: 98%;
	float:left;
	height:auto;
	overflow:hidden;
	background:#EEEEEE;

	padding-top: 5px;
	padding-right:2px;
	padding-bottom: 10px;

	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-top-radius:15px;
	-webkit-border-bottom-bottom-radius:15px;
}
#boxcontent2 {
	float:left;
	width:780px;
	overflow:hidden;
	background:#FFFFFF;
	margin-top:5px;
	margin-right:0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right:5px;
	padding-bottom: 2px;

	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-top-radius:10px;
	-webkit-border-bottom-bottom-radius:10px;

	-webkit-border-radius: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
/*FIN Cuadrado Blanco de Fondo de COntenido*/
/****** Bordes Redondos ******/

.ltop,.lbot {
	width:984px;
	display:block;
	margin:0;
	background: url('../images/rtopbg.gif') no-repeat left top;
	height: 12px;
	padding: 0px;
}
#fondodivfinal{
background:#196cc4;
}

.ltop_content{
	padding:0px 5px;
	background:#0a67e6;
}

.lbot
{
	background-position: bottom left!important;
}

.ltop *, .lbot * {
	display:block;
	height:1px;
	overflow:hidden;
	background:#0069d4;
	display:none;
}

.lbot_content{
	padding:0px 5px;
	background:#0a67e6;
}
/****** FIN Bordes Redondos ******/

/*Divisiones de la Web */
#boxcontent .cuadroizquierdo
{
  position: relative;
  border: 0;
  float: left;
  overflow: hidden;
  width: 190px;
  


	background:#FFFFFF;
	margin-left:10px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right:2px;
	padding-bottom: 2px;
	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;

	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-top-radius:10px;
	-webkit-border-bottom-bottom-radius:10px;  
}
/*FIN Divisiones de la Web */

/*Banner*/
#bannertop{
	width:480px;
	height:65px;
	margin-right:0px;
	margin-left:15px;
	margin-top:5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0;
	background-position: 0px 10px;
	background:#FFFFFF;
	float:left;
	margin-bottom: 0px;
}

/* Texto Top */
#textotop{
	float:right;
	text-align:top;
	width:460px;
	height:10px;
	text-align:right;
	color: #e1e1e1;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 0;
	background-position: 0px 20px;
}
#textotop a {
	font-size:12px;
	font-weight:800;
	color: #FFF;
	text-shadow: #196cc4 0 1px 0;
}
#textotop a:hover {
	font-size:12px;
	font-weight:800;
	color: #FFFF00;
	text-shadow: #196cc4 0 1px 0;
}
/*FIN texto Top*/

/*Logo*/
#logo{
  width: 460px;
  height: 100px;
  float:left;
  margin-left:5px;
}

#logoi{
  width: 460px;
  height: 80px;
  background: url('../images/logoweb-alexisartigas.png') no-repeat;
  float:left;
  margin-top: 10px;
  margin-left:5px;
}


#logoi:hover {
	background-position: 0 -80px;
}
/*FIN logo */

#mask {
	position:absolute;
	z-index:100;
	left:0px;
	top:0px;
}

/*Footer*/
.footer{
	background: #196cc4;
	width:984px;
}
#footer{
	width:984px;
}
#pie{
	clear:left;
	width:960px;
	padding:6px 0;
	text-align:center;
	color: #e1e1e1;
	background: #196cc4;
}

#pie a {
	color: #FFF;
	font-size:11px;
	font-weight:700;
	text-shadow: #196cc4 0 1px 0;
}
#pie a:hover {
	font-size:11px;
	font-weight:700;
	color: #FFFF00;
	text-shadow: #196cc4 0 1px 0;
}
#pie a:visited {
	color: #EEEEEE;
}
/*FIN Footer*/

.clearBoth:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
html[xmlns] .clearBoth {
	display: block;
}
 
* html .clearBoth {
	height: 1%;
}

/* ToolTips */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:2px 5px;
	width:150px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:10px;
	font-weight:800;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
/* FIN toolTips */

.sexyX { 
  font-size: 12px;
  color: #FFFFFF; 
  padding: 4px 0;
  border-top: 2px solid #333333; 
  border-bottom: 2px solid #333333; 
  background: #0099FF; 
}

/* INICIO VI�ETAS */
.ico{
 list-style-image:url(../images/iconos/vineta.png);
}
.ico li {
	color:#666666;
	position:inherit;
	font-size:0.9em;
	text-shadow: #FFFFFF 0 1px 0;
}
.ico a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#047;
}
.ico a:hover{
	text-decoration:underline;
	color:#C00;
}
.textovineta{
	font:Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:600;
	font-size:12px;
	margin-left:0px;
	margin-bottom:10px;
	text-shadow: #FFFFFF 0 3px 0;
}
/*FIN VI�ETAS*/

/* form 5 */

	#form5{
		margin:1em 0;
		padding-top:10px;
		}
	#form5 fieldset{
		margin:0;
		padding-top:.5em;
		border:none;	
		border-top:1px solid #f1f1f1;
		width:260px;
		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:60px;
		display:block;
		text-align:right;
		margin-right:10px;
		}	
	#form5 input, #form5 textarea{	
		margin:0;	
		width:200px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}
	#form5 select{	
		margin:0;
		border:1px solid #ddd;		
		padding:3px 1px 3px 1px;
		color:#444444;
	}				
	

	#form5 input#name{
		background:#fff url(../images/form5/form_name.gif) no-repeat 5px 50%;
		color:#999999;
	}
	#form5 input#email{
		background:#fff url(../images/form5/form_email.gif) no-repeat 5px 50%;
		color:#999999;
		}
	#form5 input#web{
		background:#fff url(../images/form5/form_url.gif) no-repeat 5px 50%;
		color:#999999;
		}
	#form5 input#telefono{
		background:#fff url(../images/form5/form_telefono.gif) no-repeat 5px 50%;
		color:#999999;
		}
	#form5 input#deposito{
		background:#fff url(../images/form5/form_deposito.gif) no-repeat 5px 50%;
		color:#999999;
		}
	#form5 input#cantidad{
		background:#fff url(../images/form5/form_cantidad.gif) no-repeat 5px 50%;
		color:#999999;
		}
	#form5 input.fecha{	
		background:#fff url(../images/form5/form_fecha.gif) no-repeat 5px 50%;
	    width:80px;
		padding-left:30px;
		color:#999999;
	}
	#form5 textarea#message{background:#fff url(../images/form5/form_note.gif) no-repeat 5px 6px;}

	/*INICIO HOVER IMPUT*/
	#form5 input#name:hover{ 
		background: #FEFEF8 url(../images/form5/form_name.gif) no-repeat 5px 50%;
		color:#999999;
	} 
	#form5 input#email:hover{ 
		background: #FEFEF8 url(../images/form5/form_email.gif) no-repeat 5px 50%;
		color:#999999;
	} 
	#form5 input#web:hover{ 
		background: #FEFEF8 url(../images/form5/form_url.gif) no-repeat 5px 50%;
		color:#999999;
	} 
	#form5 input#telefono:hover{ 
		background: #FEFEF8 url(../images/form5/form_telefono.gif) no-repeat 5px 50%;
		color:#999999;
	} 
	#form5 input#deposito:hover{ 
		background: #FEFEF8 url(../images/form5/form_deposito.gif) no-repeat 5px 50%;
		color:#999999;
	} 
	#form5 input#cantidad:hover{ 
		background: #FEFEF8 url(../images/form5/form_cantidad.gif) no-repeat 5px 50%;
		color:#999999;
	} 
	#form5 input.fecha:hover{ 
		background: #FEFEF8 url(../images/form5/form_fecha.gif) no-repeat 5px 50%;
		color:#999999;
	} 
	/*FIN HOVER INPUT*/
	/*INICIO FOCUS IMPUT*/
	#form5 input#name:focus{ 
		background: #CCFFFF url(../images/form5/form_name.gif) no-repeat 5px 50%;
		color:#000000;
	} 
	#form5 input#email:focus{ 
		background: #CCFFFF url(../images/form5/form_email.gif) no-repeat 5px 50%;
		color:#000000;
	} 
	#form5 input#web:focus{ 
		background: #CCFFFF url(../images/form5/form_url.gif) no-repeat 5px 50%;
		color:#000000;
	} 
	#form5 input#telefono:focus{ 
		background: #CCFFFF url(../images/form5/form_telefono.gif) no-repeat 5px 50%;
		color:#000000;
	} 
	#form5 input#deposito:focus{ 
		background: #CCFFFF url(../images/form5/form_deposito.gif) no-repeat 5px 50%;
		color:#000000;
	} 
	#form5 input#cantidad:focus{ 
		background: #CCFFFF url(../images/form5/form_cantidad.gif) no-repeat 5px 50%;
		color:#000000;
	} 
	#form5 input.fecha:focus{ 
		background: #CCFFFF url(../images/form5/form_fecha.gif) no-repeat 5px 50%;
		color:#000000;
	} 
	/*FIN FOCUS INPUT*/	 
	
	
	#form5 textarea{
		height:120px;
		overflow:auto;
		}					
	#form5 p.submit{
		clear:both;
		height:auto;
		width:auto;
		margin:1em 0;
		padding:.5em 70px;
		border-top:1px solid #f1f1f1;		
		
		}	
	#form5 .buttonenviar{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		width:100px;
		}				
	#form5 .buttonborrar{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form5/form_buttonborrar.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		width:100px;
		}
/* // form 5 */
.caja {
	width:70%;
	padding:5px;
	border:2px solid #FADDA9;
	background-color:#FDF4E1;
	float:left;
}
#mostrar{
	width:70%;
	padding:5px;
	border:2px solid #D0E8F4;
	background-color:#ECF8FD;
}