@charset "utf-8";
/* CSS Document */
body{line-height: 1.2;}
/*body ul{margin:0;}*/
.dato{color:#999;}
.imagesGallery:hover{cursor:move;}
.txtImg{margin:0px 10px 10px 10px}
.stretch td,.stretch input,.stretch select,.stretch textarea{margin:0;padding:0;}
#suggestions_container{border: 1px solid #BBB;margin-top: 5px; max-height: 150px;overflow: auto; padding: 5px; width:390px; }

#recaptcha_area{margin-right:10px;}

#actionForm{text-align:left;}

#area_citas{display:none;}

/*#formCitas{float:right;}*/

#txtAction{font-size:12px;}

.cita_success
{
    background:#E6EFC2;
    color:#264409;
    border: solid 1px  #C6D880;
    font-size:12px;
    padding:5px;
    text-align:left;
    width: 100%;
}

.cita_error
{
    background:#FBE3E4;
    color:#8a1f11;
    border: solid 1px #FBC2C4;
    font-size:12px;
    padding:5px;
    text-align:left;
}

.site_box{
    background-position: bottom;
	background: #D9E4E8;
	display: block;
	position: relative;
	padding: 10px;
	float: left;
	background-image: url(shade.png);
	margin-top:0px;
    width:91%;
	color:#000;
    -webkit-box-shadow: 0 0 10px rgb(0,0,0);
    -moz-box-shadow: 0 0 10px rgb(0,0,0);
    box-shadow: 0 0 10px rgb(0,0,0);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.notice p{margin-bottom:0;}
.error p{margin-bottom:0;}
.success p{margin-bottom:0;}
.container{/*margin-top:20px;*/}
.blueBox {	
	background-position: bottom;
	background: #227FD9; 
	display: block; 
	position: relative; 	
	padding: 10px;
	float: left;
	background-image: url(shade2.png);
	width:180px;
	margin-top:0px;
	color:#FFF;
    -webkit-box-shadow: 0 0 10px rgb(0,0,0);
    -moz-box-shadow: 0 0 10px rgb(0,0,0);
    box-shadow: 0 0 10px rgb(0,0,0);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	}

.thumb{
	border:2px solid #F5F5F5 ;
	padding:2px;
    margin: 0 2px 0 2px;
	}
.thumb_selec{
	border:2px solid #0099CC;
	padding:2px;
    margin: 0 2px 0 2px;
	}
a{ cursor:pointer;} 

body {
	font-size: 11px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	text-align: left;
}

.lilBox{
    width:78px;
    height:20px;
    border:1px solid #666;
    
}

#navegador ul{
   list-style-type: none;
   text-align: center;
}

#navegador li{
   display: inline;
   text-align: center;
   margin: 0 1px 0 0;
}

#navegador li a {
   /*padding: 2px 4px 2px 4px;
   color: #666;
   background-color: #eeeeee;
   border: 1px solid #ccc;*/
   text-decoration: none;
   /*font-size:7px;*/
}

#navegador li a:hover {
    color: #2c3b59;
   /*padding: 2px 4px 2px 4px;
   background-color: #666;
   border: 1px solid #ccc;
   text-decoration: none;*/
}

.navegador ul{
   list-style-type: none;
   text-align: center;
}

.navegador li{
   display: inline;
   text-align: center;
   margin: 0 1px 0 0;
}

.navegador li a {
   padding: 2px 4px 2px 4px;
   color: #666;
   background-color: #eeeeee;
   border: 1px solid #ccc;
   text-decoration: none;
}

.navegador li a:hover {
   padding: 2px 4px 2px 4px;
   color: #fff;
   background-color: #666;
   border: 1px solid #ccc;
   text-decoration: none;
}
/*a {
	color: #BF0413;
}*/
#rounded {
  -moz-border-radius:1ex;
  -webkit-border-radius:1ex;
  text-align:center;   
 } 
input {
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
}

.error ul
{
	margin: 0 0 0 20px;
}

#pizarra {
	background:#F1F5FA;	
	height: 200px;
	border:1px solid #d9d9d9;
	padding: 5px;
}

.error {
	background: #FBE3E4 none repeat scroll 0 0 !important;
	padding: 5px;
	margin-bottom: 0px;
}

.success,.notice{padding: 2px}

label.error {
  /*background:url("../../images/error.gif") no-repeat 0px 0px;*/
  /*padding-left: 16px;*/
  /*padding-bottom: 2px;*/
  font-weight: bold;
  color: #EA5200 !important;
  border: none;
}

.reporte{
	border-collapse:collapse;
	border-spacing: 0;
	border: 1px solid #D9D9D9;
}

.reporte tr {
	padding: 0;
}


.reporte td, th{
	border-right:1px solid #d9d9d9;
	padding: 2px;
}

.reporte th {
	/*background: url(../../images/ui/bg1.jpg) repeat-x;*/
    background: url(styleSocial/bgOFF.gif) repeat-x;
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #a9a9a9;
	text-align:center;	
}
/*nueva tabla*/
.reporteTable{
	border-collapse:collapse;
	border-spacing: 0;
	border: 1px solid #D9D9D9;
}

.reporteTable tr {
	padding: 0;
}


.reporteTable td, th{
	border-right:1px solid #d9d9d9;
	padding: 2px;
}

.reporteTable th {
	/*background: url(../../images/ui/bg1.jpg) repeat-x;*/
        background: url(styleSocial/bgOFF.gif) repeat-x;
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #a9a9a9;
	text-align:center;
}
/*fin tabla*/
.total2 {
	text-align:right;
	border-top: 1px solid #d9d9d9;
}

.numero {
	text-align:center;
}

.dinero {
	text-align:right;
}

.rowOdd  {
	background-color: #FFFFFF;
}

.rowEven  {
	background-color: #F1F5FA;
}

.rowOdd:hover {
	background-color: #3D80DF;
	color: #FFFFFF;
}

.rowEven:hover {
	background-color: #3D80DF;
	color: #FFFFFF;
}

.rowNewMsg {
	background-color: #FFFFE6;
}

.rowNewMsg:hover {
	background-color: #3D80DF;
	color: #FFFFFF;
}

#total{
	border: 1px solid #D9D9D9;
	background-color: #F1F5FA;
}

#total td{
	text-align:right;
}

#filtro{
	border-collapse:collapse;
	border-spacing: 0;
	background-color:#FFFFFF;
	border: 1px solid #D9D9D9;	
}

#filtro table {
	margin-bottom: 0;
}

#filtro td, th{
	border: 0px solid #D9D9D9;	
}

#filtro table, td, th {
	margin-bottom: 0;
	vertical-align:middle;
}

#filtro th {
	background: url(../../images/ui/bg1.jpg) repeat-x;
}

.input100{
	width: 100px;
}

.input180{
	width: 180px;
}

.input200{
	width: 200px;
}

.input300{
	width: 300px;
}

.botonAzul {
	background:#07C3E6;	
	color:#FFF;
}

.botonGris {
	background:#F1F5FA;	
	color:#000;
}

.blur{
   background-color: #ccc; /*shadow color*/
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
   width: 224px;
}
.shadow, .photo{
   position: relative;
   bottom: 2px;
   right: 2px;
}
.shadow{
   background-color: #666; /*shadow color*/
   color: inherit;
}
.photo{
   background-color: #fff; /*background color of content*/
   color: #000; /*text color of content*/
   border: 1px solid #000; /*border color*/
   padding: .5em 2ex;
}
.photo img{
   border: 1px solid #000000;
} 

#amigos {
	border:0px;
	margin:0px;
	padding:0px;
	width:auto;	
}

#amigos td {
	text-align:center;
}

#styleone{position:relative;display:block;height:21px;font-size:11px;font-weight:bold;background:transparent url(style/bgOFF.gif)  repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:1px solid #d9d9d9;}
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styleone ul li{display:block;float:left;margin:0 1px 0 0;}
#styleone ul li a{display:block;float:left;color:#444;text-decoration:none;padding:3px 20px 0 20px;height:18px;}
#styleone ul li a:hover,#styleone ul li a.current{color:#C00;background:transparent url(style/bgON.gif) repeat-x top left;}

/*estilos para los carritos de ver y agregar en PRODUCTOS*/
.viewcart {
background:url(NewStyles/view_cart.gif);
display:inline;
width:40px;
margin:0 10px;
border:1px solid #ccc;
background:#ddd;
padding:3px;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.addcart:hover {
background:#eee;
}
.viewcart {
background:url(NewStyles/add_cart.gif);
display:inline;
width:40px;
margin:0 10px;
border:1px solid #ccc;
background:#ddd;
padding:3px;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.addcart:hover {
background:#eee;
}
/*fin carritos de ver y agregar en PRODUCTOS*/
/*tamaño de botones en la barra de herramientas y barra de agregar elementos*/
.adder{
    float: left;
    height: 18px;
    margin: 0 5px 5px 3px;
    width: 18px;
}
.adder span{
    padding:1px !important;
}
.addTool{
    float: left;
    height: 18px;
    margin: 0 5px;
    width: 18px;
}
.addTool span{
    padding:1px !important;
}
/*fin botones herramientas/agregar elementos*/

/****************MODAL AGREGAR PRODUCTOS****************/
.detalle01 {
    margin:0px;
}
.detalle01 table{
   width:270px;
}
.detalle01 tr td {
    vertical-align:middle;
}
.detalle01 tr td img{
    vertical-align:middle;
}
.detalle01 tr td input[type=text],select {
    width:120px;
}
.detalle01 tr td input[type=radio] {
    position:relative;
    top:0px;
    padding:0px;
    margin:0px;
    vertical-align:middle;
}

/******************
ESTILOS E-COMMERCE
*******************/
/*e-shop style standard WRAP*/
.sWrap {
    background:#eee;
    border: 1px solid #ccc;
    color: #606B77;
    font-size: 15px;
    padding:5px 5px 5px 5px;
    width:93%;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
/*e-shop style cátalogo tipo GALERIA*/
.catalogoGaleria {
    background:#eee;/*#e1e5e7;929EAC;*/
    border: 1px solid #ccc;
    color: #606B77;
    font-size: 12px;
    padding:5px 5px 5px 5px;
    text-align: center;
    margin:3px 0;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.catalogoGaleria h3{
font-size:15px;
 color: #606B77;
 margin:5px 0 5px 0;
}
.catItem{
    background:#fff;
    border: 1px solid #e3e3e3;
    padding:4px;
    text-align: center;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.catItem label{
    cursor:pointer;
}
.catItem:hover{
    border: 1px solid #ccc;
    cursor:pointer;
}
.item{
    background:#fff;
    border: 1px solid #e3e3e3;
    padding:4px;
    text-align: center;
    -moz-border-radius:1ex 1ex 1ex 1ex;
    width:100%;
}
.item:hover{
    border: 1px solid #ccc;
}
.storeItem{
    background:#fff;
    border: 1px solid #e3e3e3;
    padding:4px;
    text-align: center;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.storeItem td{
    background:#fff;
    border: 1px solid #e3e3e3;
    padding:4px;
    text-align: center;
}
.imgWrap{
    margin:0px;
}
.imgWrap img{
    background:#f3f3f3;
    border: 1px solid #d3d3d3;
    padding:5px;
    cursor:pointer;
}
.imgWrap hr{
    border: 1px solid #f3f3f3;
    margin:0 0 5px 0;
}

/*e-shop style cátalogo tipo LISTA*/
.catalogoLista {
    background:#eee;
    border: 1px solid #ccc;
    color: #606B77;
    font-size: 12px;
    padding:5px 5px 5px 5px;
    text-align: left;
    margin:3px 0;
    -moz-border-radius:1ex 1ex 1ex 1ex;
    width:100%;
}
.catalogoLista h3{
font-size:15px;
 color: #606B77;
 margin:5px 0 5px 0;
}
/*e-shop style PRODUCT*/
.productoOferta {
    background:#eee;
    border: 1px solid #ccc;
    color: #606B77;
    font-size: 12px;
    padding:5px 5px 5px 5px;
    text-align: left;
    margin:3px 0;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.productoOferta hr{
    border: 1px solid #f3f3f3;
    margin:0 0 5px 0;
}
/*e-shop cart INFO*/
.cartInfo {
    background:#eee;
    border: 1px solid #ccc;
    color: #606B77;
    font-size: 12px;
    padding:3px;
    text-align: left;
    margin:0px 0;
    -moz-border-radius:1ex 1ex 1ex 1ex;
    width:100%;
}

.cartInfo table{width:100%;}

.cartInfo h3{
font-size:15px;
 color: #606B77;
 margin:5px 0 5px 0;
}
.cartInfo th{
    background:#ddd;
    padding:3px;
    text-align: center;
}
.cartInfo th span{
    float:right;
    color:#000;
    font-size:10px;
}
.cartInfo hr{
    border: 1px solid #ddd;
    margin:2px 0 5px 0;
}
.item-qty{
   text-align: left;
   margin:2px 0 !important;
}
.item-name{
    font-weight:bold;
   text-align: left;
   margin: 0 0 0 5px;
}
.item-price{
   color:#000;
   font-size:smaller;
   margin: 0 0 0 5px;
}
.fromcart{
   float:right;
   margin: 0 5px 0 0;
   padding:3px;
}
.fromcart:hover{
background:#999;
}
.cart {
display:block;
float:left;
width:40px;
margin:0 10px;
border:1px solid #ccc;
background:#ddd;
padding:3px;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.cart:hover {
background:#eee;
}
.ofertaEspecial {
font-family:georgia,times,serif;
font-size: smaller;
color:#900;
margin:3px 0 10px 0;
vertical-align:middle;
}
.ofertaEspecial img{
vertical-align:middle;
}
/*e-shop purchase INFO*/
.UserDataForm {
   background:#eee;
    border: 1px solid #ccc;
    color: #606B77;
    font-size: 12px;
    padding:3px;
    text-align: left;
    margin:5px 0;
    width:100%;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.UserDataForm h3{
font-size:15px;
 color: #606B77;
 margin:5px 0 5px 0;
}
.sendContactInfo {
    background:#fff;
    border: 1px solid #e3e3e3;
    padding:4px;
    text-align: right;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.sendContactInfo input, textarea{
    background:#fff;
    border: 1px solid #ddd;
    padding:2px;
    -moz-border-radius:1ex 1ex 1ex 1ex;
}
.purchaseInfo {
    color: #606B77;
    font-size: 12px;
    text-align: left;
    margin:0px 0;
}
.purchaseInfo h3{
font-size:15px;
 color: #606B77;
 margin:5px 0 5px 0;
}
.purchaseInfo th{
    background:#ddd;
    padding:3px;
    text-align: center;
}
.purchaseInfo th span{
    float:right;
    color:#000;
    font-size:10px;
}
.purchase Info hr{
    border: 1px solid #ddd;
    margin:2px 0 5px 0;
}
/**********************
FIN ESTILOS E-COMMERCE
***********************/
/*ESTILO DE COMENTARIOS*/
.commentbox
{
background-color:#F3F3F3;
border: 1px solid #ccc;
color: #666;
font-size: 10px;
padding:10px 10px 5px 10px;
text-align: left;
width:265px;
margin:3px 0;
-moz-border-radius:1ex 1ex 1ex 1ex;
}
.commentbox ul, li, td
{
padding:0px;
}
.commentbox input
{
font-size: 10px;
height:15px;
margin:0 0 5px 0;
padding:0px;
width:210px;
}
.commentbox textarea
{
font-size: 10px;
height:35px;
margin:0 0 5px 0;
padding:0px;
width:210px;
overflow:hidden;
}

/* Formulario de Contacto */

#contactForm label {
    font-size: 12px;
    width: 300px;
    display: block;
}

#contactForm input {
    font-size: 12px;
    width: 320px;
    padding: 2px;
}

#contactForm textarea {
    font-size: 12px;
    width: 320px;
    height: 120px;
    margin-bottom: 10px;
}

#contactForm input#submitBtn {
    font-size: 12px;
    width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#contactForm div#msgError {
    display: none;
    margin-bottom: 15px;
    width: 310px;
}

#contactForm div#load {
    margin-bottom: 15px;
    width: 325px;
}
/*fin formulario de contacto*/
/*******ELEMENTO GENERICO TOOLS FIJO**********/
.elementoGenerico_tools{text-align:left;line-height:1 !important;color:#000 !important;}

.elementoGenerico_tools,.elementoGenerico_tools_fijo{float:left;}

/*.elementoGenerico hr{height:3px;}*/

.elementContent,.map,.galleryview {clear: both;}

#area_mensajes{padding:0 30px;}

#area_mensajes table{width:100%;}

#formulario{font-size:12px;}

.container{
    background-color:#FFF;
    -moz-border-radius:4ex;
    -webkit-border-radius:4ex;
    -ms-border-radius:4ex;
    margin-top:20px;
}

.meta{color:#666;text-align:right;font-size:10px;}

.meta a{color:#666;padding:0 4px; text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-weight:bold}

.meta a:hover{color:blue;text-align:right;}

.premium_footer{padding:10px;}

.premium_footer p {font-size:12px;color:#000;text-align:center;}

#citas_datepicker{line-height:1.2 !important;}
.elementoGenerico, .elementoGenerico h2
{
/*text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin-top:20px;*/
}
.elementoGenerico {margin:10px 0;}
.elementoGenerico_tools, .elementoGenerico_tools_fijo
{
bottom:0px;
left:0px;
margin:3px 0 3px 0;
/*height:20px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#f3f3f3;
width:auto;
border:1px solid #e3e3e3;
opacity:0.4;
padding:2px 10px 2px 10px;
-moz-border-radius:1ex;
	-webkit-border-radius:1ex;
	-ms-border-radius:1ex;
}
.elementoGenerico_tools  a{color:#DCDCDC;font-size:10px;}
.elementoGenerico_tools_fijo  a{color:inherit;font-size:10px;}

.elementoGenerico:hover .elementoGenerico_tools a{color:inherit;}

.elementoGenerico_tools_div_add
{
background:transparent;
color:#000000;
display:none;
/*float:left;*/
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
position:absolute;
width:65px;
z-index:4;
}
.table_AddElement
{
margin:30px 0 0 0;
width:72px;
padding:5px;
-moz-border-radius:1ex;
	-webkit-border-radius:1ex;
	-ms-border-radius:1ex;
}
.table_AddElement tr td
{
padding:0px;
}
.table_AddElement hr
{
margin-bottom:5px;
}
/* WIDGETS*/
#widgets{text-align:center;margin:20px 0;}

.widget_tools{width:145px;margin:0 auto;}

.widget{margin:5px auto 20px auto;}
/*******FIN ELEMENTO GENERICO TOOLS FIJO**********/
/*Clase WARN para advertencias o comentarios importantes*/
.warn {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #666666;
    color: #660000;
    margin: 1px;
    padding: 3px;
    text-align:center;
}
/*****Fin WARN*****/
/***ul linklist***/
.linkList a{

    background: #3E5160;
    color:#fff !important;
    display:inline-block;
    margin:2px 0;
    padding:4px;
    text-decoration: none;
    text-align: center;
    width:120px;
}
.linkList a:hover{
    background: #889CAF;
    color:#3E5160 !important;
}
/***FIN LINKLIST***/
/**Fondo blanco para agregar código HTML|widgets**/
.codeArea div iframe{
    background-color: #fff;
}