/* CSS Document */
/*////////////////LOGIN///////////////////////////////////*/
label.error {
	/*margin-left: 10px;*/
	width: auto;
	font-size:10px;
	color:#FF0000;
	display:block;
	text-align:left;
}
#nuevo
{
	border: 1px solid #ccc;
	width:585px;
	margin-left: 7px;
}
#datos
{
	float:left; 
	width:420px;

}
 #datos td
{
	border:1px solid #ccc;
	height:22px;
}
.Titulo-login
{
	font-family:Tahoma, "Lucida Sans", Arial; 
	font-size:14px; 
	color:#FFFFFF; 
	font-weight:Bold;
	text-align:left;
	padding-left:5px; 
	padding-bottom:3px; 
	padding-top:3px;
}
.Resaltado-login
{
	font-family:"Lucida Sans",Tahoma, Arial; 
	font-size:16px; color:#000000; 
	font-weight:Bold;
}
.texto-login
{
	font-family:"Lucida Sans",Tahoma, Arial; font-size:11px; color:#0099CC;
	padding-left:3px; padding-bottom:3px; padding-top:3px;
	margin:5px auto;
	text-align:right;
}
 input {
	font-family: Tahoma, "Lucida Sans", Arial;
	font-size: 11px;
	text-decoration: none;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
}
#directorios ol, #directorios li,#directorios a:hover, #directorios a
{
	font-size:12px;
	text-align:left;
	color:#d52e64;

}
/*
#mensajes_sistema
{
	padding:15px auto;
	margin:10px auto;
	text-align:center;
	font-size:14px;
	color: #D33645;
	border:2px solid #ddd;
	background-color:#eee;
	height:250px;
	width:450px;

}
*/
#ANPA, #ESTER, #COMB
{
	display:none; 
	width:85%; 
	margin:4px auto; 
/*	border:1px solid #999999; */
	text-align:justify;
	padding:4px 8px;
}
#home
{
	margin:0px auto 0px auto;
	width:640px;
	height:auto;
	clear:none
}
#home p
{
 text-align:center;
}
#informacion ul{
	list-style:none; 
	text-align:left; 
	padding-left:15px; 
	padding-top:8px;
	margin:0px;
	text-decoration:none;
}
a{
text-decoration:none;
}

#informacion li{
	list-style:none; 
	padding-top:4px;
	padding-bottom:2px;
	margin:0px;
	font-weight:bold;
	text-decoration:none;
}
#central
{
	width:398px;
	height:410px; 
	float:left; 
	padding:0px 4px; 
	margin:0px 4px;; 
	border:solid 1px #ccc;

}
#informacion
{
	width:165px; 
	height:auto; 
	float:left; 
	padding:5px 4px; 
	margin:0px 4px;
	border:solid 1px #ccc;

}
#mensajes_sistema
{
	padding:15px auto;
	margin:10px auto;
	text-align:center;
	font-size:12px;
	color: #D33645;
	border:2px solid #ddd;
	background-color:#eee;
	height:120px;
	width:400px;
}

#registro
{
	font-size:10px;
	text-align:center;
	padding:3px 0px;;

}
#error
{
	padding-top:60px;
	margin:10px auto;
	text-align:center;
	font-size:12px;
	color: #D33645;
	border:2px solid #ddd;
	background-color:#eee;
	height:150px;
	width:450px;
}

#informacion p
{
 text-align:left;
}
h3, h2, h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#aaa;
	text-transform:uppercase;
	border:0px;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
	font-weight:none;
}
h3
{
	font-size:18px;
}
h2
{	
	font-size:14px;
}
h1
{
	font-size:10px;

}
/*////////////////LOGIN///////////////////////////////////*/
body{
background-color:#ffffff;
font-family: "Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666;
}
.Textos-generales-resaltados{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#16B3E0; font-weight:Bold;
}
.Textos-generales{
font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666; padding-left:0px; padding-left:10px;
}
.fotos{
margin:5px auto; padding:5px; border:1px solid #cccccc;
}
.titulos {
	font-family:"Lucida Sans",Tahoma, Arial; font-size:16px; color:#FFFFFF; font-weight:Bold;
	text-align:left;
	padding-left:5px; padding-bottom:3px; padding-top:3px;
}
.titulos-adm {
	font-family:"Lucida Sans",Tahoma, Arial; font-size:18px; color:#FFFFFF; font-weight:Bold;
	text-align:center;
	padding-left:5px; padding-bottom:3px; padding-top:3px;
}
.titulos-ROSA {
	font-family:"Lucida Sans",Tahoma, Arial; font-size:14px; color:#FF0099; font-weight:Bold;
	text-align:center;
	padding-left:5px; padding-bottom:3px; padding-top:3px;
}
.titulos-TeblaVs {
	font-family:"Lucida Sans",Tahoma, Arial; font-size:18px; color:#FF0099; font-weight:Bold;
	text-align:center;
	
}
#footer a{
	font-family: "Lucida Sans" , Tahoma, Arial; font-size:11px; color:#FFFFFF; 
	text-align:center; text-decoration:none;
	
}
#footer a:hover{
	font-family:"Lucida Sans",Tahoma, Arial; font-size:11px; color:#000000; 
	text-align:center; text-decoration:underline;
}
.separadores{
	font-family:"Lucida Sans",Tahoma , Arial; font-size:9px; color:#FFFFFF; 
	text-align:center; text-decoration:none;
	
}
#tabla{
margin-bottom:3px;
}
#tabla td{
border-bottom:1px #CCCCCC dotted;
margin:1px;
}

#links a{
	font-family: "Lucida Sans" , Tahoma, Arial; font-size:12px; color:#CC0099; 
	text-align:left; text-decoration:none;
	padding-left:5px;
	padding-bottom:7px;
	
}
#links a:hover{
	font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#FF66CC; 
	text-align:left; text-decoration:none;
	padding-left:5px; padding-bottom:7px;
}
#lin a{
	color: #66CC00;
	font-family: "Lucida Sans" , Tahoma, Arial; font-size:12px; color:#CC0099; 
	text-align:left; text-decoration:none;
	padding-left:5px;
	padding-bottom:7px;
	
}
#lin a:hover{
	color: #66CC00;
	font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#FF66CC; 
	text-align:left; text-decoration:none;
	padding-left:5px; padding-bottom:7px;
}



#container {
       background-color:#ffffff;
	   overflow:hidden;            
       margin: 0 auto;
       height:auto;
}

.tatuaje{
       width:280px;
	   background-color:#f2f2f2;
	   	border:1px solid #e4e4e4;
		font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666;
		padding:1px;
		text-align:left;
       height:auto;
      border-color:#e4e4e4;
       margin:5px;
       float:left;
	}
.tatuaje li {

       font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666; 
       color:#586885;
	   padding-left:3px;
	   text-align:left;
	   list-style-image:url(images/bullet.gif);
       text-transform:capitalize;
	   padding-right:10px;
}
.chip{
       width:280px;
	   background-color:#DDE6E8;
	   	border:1px solid #e4e4e4;
		font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666;
		padding:1px;
		text-align:left;
       height:auto;
	   display:none; 
      border-color:#e4e4e4;
       margin:5px;
       float:left;
	}
.chip li {

       font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666; 
       color:#586885;
	   padding-left:3px;
	   text-align:left;
	   
	   list-style-image:url(images/bullet.gif);
       text-transform:capitalize;
	   padding-right:10px;
}
.placa
{
	width:280px;
	background-color:#DDE6E8;
	border:1px solid #e4e4e4;
	font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666;
	padding:1px;
	text-align:left;
    height:auto;  
	
    border-color:#e4e4e4;
    margin:5px;
    float:left;
	}
.placa li {

       font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666; 
       color:#586885;
	   padding-left:3px;
	   text-align:left;
	   list-style-image:url(images/bullet.gif);
       text-transform:capitalize;
	   padding-right:10px;
}
.collar{
       width:280px;
	   background-color:#DDE6E8;
	   	border:1px solid #e4e4e4;
		font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666;
		padding:1px;
		text-align:left;
       height:auto;
	   display:none;
      border-color:#e4e4e4;
       margin:5px;
       float:left;
	}
.collar li {

       font-family:"Lucida Sans",Tahoma, Arial; font-size:12px; color:#666666; 
       color:#586885;
	   padding-left:3px;
	   text-align:left;
	   list-style-image:url(images/bullet.gif);
       text-transform:capitalize;
	   padding-right:10px;
}
.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif
}

/* CODA SLIDER*/
		.slider-wrap
		{
			padding:0px;
			margin:0px;
		
		}
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width:410px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 410px;  background: #fff; overflow: hidden}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width:410px;
		/*	height: 460px;*/
			clear: left;
		/*	background: #fff;*/
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width:410px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
		/*	height: 100%;*/
			position: relative;
			width:410px;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			width:406px !important;

		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			width:400px;
		}
		
		.stripNav ul li {
			display:inline-block;
			float:left;
			margin-right:2px;
			width:130px;
		}
		
		.stripNav a { /* The nav links */
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #D52E64;
			text-decoration: none;
			display: block;
			padding: 0 10px;
			border:1px solid #ddd;
		}
		
		.stripNav li.tab1 a { background: #fff }
		.stripNav li.tab2 a { background: #fff }
		.stripNav li.tab3 a { background: #fff }
		
	/*	.stripNav li a:hover {
			background: #16B3E0;
			color: #fff;
		}
	*/	
		.stripNav li a.current {
			background: #D52E64;
			color: #fff;
			
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 80px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.info
		{
			width:410px;
		
		}
		span
		{
			color:#FF0099;
			font-size:20;
			font-weight:bold;
			text-transform:uppercase;
		}
		.encabe
		{
		color:#16B3E0;
		
		}
		ul 
		{
			padding:3px;
			width:900px;
			display:table;
		}
		#container ul 
		{
			margin:0 0 0 25px;
			padding:0;
			text-align:justify;
			width:auto;
		}