@charset "utf-8";
/* CSS Document */


.dato{color:#999;}

.stretch td,.stretch input,.stretch select,.stretch textarea{margin:0;padding:0;}

#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;
}

.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;
	}
/* BOTONES*/
.win7
{
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
    font-size:12px;
	height:29px;
	float:left;
	background:url(nav-bg.png) repeat-x top left;
	width:100%;
    position:relative;
}
ul.win7,
ul.win7 li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
ul.win7 li
{
	background:url(../images/nav-bg.png) repeat-x top left;
	height:29px;
	line-height:29px;
	display:inline;
	position:relative;
	float:left;
	text-align:center;
}
.win7 div
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:29px;
  background:url(active1.png) no-repeat center;
  z-index:0;
}
.win7 a
{
    text-align:center;
  display:block;
 /* z-index:2;*/
  position:relative;
  padding:0 25px;
  line-height:29px;
}
.win7 a:link,
.win7 a:visited
{
	color:#FFFFFF;
	text-decoration:none;
}

span.win7
{
  width:auto;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border:2px solid #deded2;
  overflow:hidden;
}
span.win7 div {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border:2px solid #deded2;
  top:-2px;
  left:-2px;



}
/*///////////////////////////////////////////////////////////////////////////////*/
.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 {
   padding: 2px 4px 2px 4px;
   color: #fff;
   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: 0;
	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;	
}

.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;
}
/*
#menu {
	width: 200px;
	margin: 10px auto 10px auto;
	list-style: none;
	margin: 0;
	padding: 0;
	cursor:pointer;
	}

#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	
	}	
	
#menu li a:link, #menu li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(../../images/ui/menu.gif);
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover{
	color: #3D80DF;
	background: url(../../images/ui/menu.gif) bottom;
	padding: 8px 0 0 10px;
	}

#menu li.actual a {
	color: #000;
	background: url(../../images/ui/menu.gif) bottom;
	padding: 8px 0 0 10px;	
}

#menu li.sub {	
	position:relative;
	}
#menu li.sub a {	
	background: url(../../images/ui/menu.gif) center;
}

#menu ul {
	width: 200px;
	margin: 10px auto 10px auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li ul {
	display:none;
	visibility:hidden;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
}

#menu li:hover ul {
	display:block;
	visibility:visible;
	overflow:visible;
	position:absolute;
	height:auto;
	width:200px;
	left:80px;
	top:12px;
	background:url(../../../css/transparent.gif);
} 
*/
/* the background image is for IE7 */
/*
#menu li ul li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li ul li a:link, #menu li ul li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(../../images/ui/menu.gif);
	padding: 8px 0 0 10px;
	}
	
#menu li ul li a:hover {
	color: #3D80DF;
	background: url(../../images/ui/menu.gif) bottom;
	padding: 8px 0 0 10px;
	}
*/
.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;}