/* CSS Document */
* { margin:0; padding:0;}
html{ font-family:arial;}
body{
	background: #465665;
	font-size:100%;
	line-height:1em;
	color:#5E7184;	
}
img{ border:0px none; margin:0; padding:0; vertical-align:top;}
/**********font size***************/
#header{font-size:0.6875em; line-height:0.875em;}
.content{font-size:0.8125em; line-height:1.23em;}
#footer{font-size:0.8125em; line-height:1.23em;}
/********** end font size***************/

/*input, textarea, select{ 
	font-family:tahoma, arial;
	color:#5E7184; 
	border:1px solid #414141;
	vertical-align:top;
}
#form input{ width:156px; height:18px; font-size:1em; vertical-align:middle; margin:5px 0 0 0; padding:0 0 4px 0; border:1px solid #919BA4; background:#435160;}

#form1 input{ width:213px; height:18px; background:#FFFFFF; font-size:1em;}
#form1 textarea{ width:213px; height:189px; background:#FFFFFF; font-size:1em; overflow:auto;}
.inp_h{ height:24px; margin:0 0 3px 0;}*/

/****************** GLOBAL ***********************************************/
.w100{ width:100%;}

.float{ float:left; margin:0 20px 0 0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/

ul {list-style:none;}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a{ color:#5E7184;}
a:hover{ text-decoration:none;}
a.link{ color:#465665; background:url(../images/arr.gif) right 4px no-repeat; padding-right: 12px; text-decoration:none; border-bottom: 1px dotted #A2AAB2; }
a.link:hover {border-bottom:1px solid #57722C;}
.link_1{ color:#2E3842;}
.center {text-align: center; }
/**************end links**************/

/***************txt***************/
h1, h2{ margin:0; padding:0;}
h1 {text-indent:-10000px; height:0;}
.txt{ font-style:italic;}
/***************end txt***************/

.main {margin:0 auto;}
/*.min_width{ background:url(../images/bg.gif) left top repeat-x; width:100%;}*/
.tra{ background: url(../images/logocaflor.gif) 21px 70px no-repeat; height:100%;}
#header { background: #2E3842 url(../images/fill_header.gif) 0 0 repeat-x;}
#header .bg_left{ background:url(../images/header_left.gif) left top no-repeat;}
#header .bg_right{ background:url(../images/bg_right.gif) right top no-repeat; width:100%;}
.bg_right .telefonos ul { position: absolute; top: 85px; right: 20px; font-size: 1.2em; font-family: Georgia; color: #7F8B5D; text-align: right; }
.telefonos li { display: inline; margin-right: 20px; }
.tel { background: url(../images/icono_telefono.png) no-repeat left center; padding-left: 22px; }
.fax { background: url(../images/icono_fax.png) no-repeat left center; padding-left: 22px; }
.mail { background: url(../images/icono_mail.png) no-repeat left center;  padding-left: 22px; }
.donde { background: url(../images/icono_callejero.png) no-repeat left center;  padding-left: 22px; }
.movil { background: url(../images/icono_movil.png) no-repeat left center;  padding-left: 22px; }

#header a{ color:#90A1B2;}
#header .column_1 .indent {padding:20px 0 5px 0px;}
#header .menu { width:780px; margin-left:50px; text-align:center;}
.menu li {float:left;}
.menu li a { background: none; color:#ffffff!important; font-size:1.4em; font-weight: bold; line-height:3.2em; text-decoration:none;text-transform:uppercase; padding: 19px 16px; border-left: 2px solid #eee;}
.menu li a.last {border-right: 2px solid #eee;}
.menu li a:hover {text-decoration:underline;}
.menu #activo a { background: #465665 url(../images/menu_activo.gif) repeat-x; color:#ffffff!important; font-size:1.4em; font-weight: bold; line-height:3.2em; text-decoration:none;text-transform:uppercase; padding: 19px 16px; border-left: 2px solid #eee;}

/*******************box #1*********************************/
.box .left_bot{ background:url(../images/left_bot.gif) left bottom no-repeat;}
.box .right_bot{ background:url(../images/right_bot.gif) right bottom no-repeat; width:100%;}

.box .side_left{ background:url(../images/side_left.gif) left top repeat-y #F7F5EC;}
.box .side_right{ background:url(../images/side_left.gif) right top repeat-y;}
.box .side_top{ background:url(../images/side_top.gif) left top repeat-x;}
.box .side_bot{ background:url(../images/side_bot.gif) left bottom repeat-x;}
/***************************end box #2**************************/

.sep{ background:url(../images/sep.gif) right top repeat-y;}
.sep_1{ background:url(../images/sep_1.gif) 0 0 repeat-x;}
.indent_glob{ padding:0 13px 0 12px;}
.content .indent{padding:33px 5px 45px 23px;}
.tienda {width: 90%;}
.imagen {width: 45%; float:left;margin-right:5%;}

.content .column .indent{padding:0 20px 0 0;}
.indent h2 { font-family: Arial, "Trebuchet MS"; font-weight: normal; color: #333F4C; font-size: 1.8em; margin-bottom: 14px; }
.indent p { padding: 8px 0; }
.mas { text-align: right; margin: 4px 0 10px; }
.content .column_1 .title{padding:0 0 0 23px;}
.content .column_1 .indent{padding:5px 25px 0 23px;}

.content .no_bg{ background:url(../images/no_bg.gif) right top no-repeat;}

/***************************page**************************/
#page .content .column_1 .right{ margin:36px 0 0 0;}
/***************************end page**************************/

/***************************page_1**************************/
#page_1 .content .column_1 .right{ margin:0 25px 0 0;}
/***************************end page_1**************************/

#footer { color:#AFBAC7;}
#footer a{ color:#AFBAC7; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#footer .column_1 .indent { text-align:right; padding:14px 15px 5px 0px;}
#footer .column .indent {padding:14px 0 5px 20px;}

/* para galería de imágenes */
.galeria ul, .galeria_lateral ul {
  list-style: none;
  margin: 20px 0;
  text-align: center;
}
.galeria li, .galeria_lateral li {
  background: none;
  display: inline;
  margin: 4px;
}
.galeria li img {
  width: 20%;
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  background: #ddd;
}
.galeria_lateral li img {
  width: 40%;
  padding: 5px;
  margin-bottom: 10px;
  border: 2px solid #483600;
  background: #A49A80;
}


table {
border: 1px solid #ccc;
width: 100%;
}

table caption {
font: bold 1em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #000;
text-align: center;
margin: 10px auto;
}

table th {
font: bold .9em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #fff;
background: #7F8B5D;
text-align: left;
padding: 5px;
border-top: 1px solid #eee;
}


table td {
font: .9em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #fff;
background: #9FA886;
text-align: left;
padding: 5px;
border: 1px solid #7F8B5D;
}


.google { margin: 5px 0; border: 1px solid #eee; width: 100%; height: 400px; }

/* Estilos para el formulario */
input,textarea {
	font-size: 0.9em;
	letter-spacing:1px;
	border-width:1px;
	background:#ffffff;	
	color: #363636;
	border-style:solid;
	border-color:#ccc;
	padding:3px;
}
textarea { width: 70%; height: 300px; margin-bottom: 20px; font-size: 1.2em;}
select {
  font-size: 0.9em;
	letter-spacing:1px;
  border: 1px solid #ccc;
  color: #00008C;
}
select option { padding: 0 3px; }

.formulario {
  padding: 8px 16px 8px 0;
  margin-bottom: 10px;
  font-size: 1em;
}
.formulario label {
  color: #666;
	display: block;
	width: 90px;
	float: left;
	margin-bottom: 14px;
	margin-right: 1px;
	padding: 2px 4px;
	text-align: right;
}
.formulario input {
  border: none;
  border: 1px solid #ccc;
}
.formulario select {
  border: 1px solid #ccc;
  padding: 2px 0;
}
.formulario input:hover, .formulario input:focus, .formulario textarea:hover, .formulario textarea:focus, .formulario select:hover, .formulario select:focus { border: 1px solid #666; }
.formulario br {clear: left;}
.formulario .boton {
  background: #7F8B5D;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 16px;
  border: 1px solid #5F6846;
  cursor: pointer;
}
.formulario .boton:hover, .formulario .boton:focus {
  background: #5F6846;
  color: #fff;
  border: 1px solid #5F6846;
}
.obligatorio {
  color: #f00;
  font-family: Verdana, Arial;
}

.formulario .error label {
  color: #f00;
  font-weight: bold;
}
.formulario .error input, .inputerror, .formulario .error textarea {
  border-color: #f00;
}

.formulario small {
  color: #666;
}
.center { text-align: center;}

.contacto { margin: 10px 0;}
.contacto li a { 
	background:url(../images/arr.gif) 5px 5px no-repeat;
	padding:0 0 0 16px;
	line-height:1.69em;
	color:#5E7184;
	text-decoration:none;
	border-bottom: 1px dotted #A2AAB2;
	display: block;
}
.contacto li a:hover {text-decoration:none; border-bottom:1px solid #57722C;}

/* mensajes */
.estadook, .estadoko {
    border: 1px solid;
    margin: 10px 0px;
    padding:10px 10px 10px 30px!important;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-weight: bold;
}
.estadook {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/icono_ok.gif');
}
.estadoko {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/icono_ko.gif');
}