/*
Title:		circuitodecomedia.com
Author: 	ideasydesarrollo
Created:	Febrero 2008
*/

body{
	margin:0;
	padding:0;
	color:#000000;
	background-image: url(../img/bg.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center top;
	clear: both;
	background-color: #e5e6e0;
	}

div, p, h1, h2, h3, ul, li, a, form, input, label, img{
	margin:0; padding:0;
	}
h1{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 0px;
}
h1 span{
	color:#CC0001;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 0px;
}	
h2{
	color:#CC0000;
	font-size: 24px;
	padding-left: 20px;
	padding-bottom: 0px;
}
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
img {
	border: none;
}
	
/*------------------------------------------Header Start----------------------------------*/

#container{
	width:950px;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	clear: both;
	background-repeat: no-repeat;
	}
#containerInside{
	width:700px;
	float:right;
	background-repeat: no-repeat;
	background-position: center bottom;
	}
#containerInside2{
	width:920px;
	float:right;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
	}	
#header{
	width:950px;
	height:240px;
	float:left;
	color:#000000;
	margin-bottom: 30px;
	margin-top: 15px;
	}


/*------------------------------------------Header End----------------------------------*/

/*------------------------------------------Right Start----------------------------------*/

#right{
	width:700px;
	margin:0;
	float:left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	color: #000000;
	}

#right h2{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 0px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 0px;
	}
#right h2 span{
	color:#CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
#right div.txtbienvenida a{
	font-weight: bold;
	color: #CC0000;
	font-size: 12px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
#right div.txtbienvenida a:hover {
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}
#right div.txtbienvenida{
	color:#000000;
	padding-right: 50px;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: justify;
	width: 500px;
	background-image: url(../img/bienvenida.jpg);
	padding-bottom: 5px;
	height: 220px;
	padding-top: 100px;
	}

#right div.locales{
	width:230px;
	color:#000000;
	float:left;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 42px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../img/fdoindex2.jpg);
	background-position: center top;
	margin-left: 30px;
	}
#right div.locales h2{
	color:#000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	}
#right div.locales h2 span{
	color:#CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	}
	
.txt_boxes{
	color:#000000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#right strong{
	font-weight:bold;
	}
	
#right div.locales ul{
	padding:0;
	list-style:none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}

a.masinfo{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#000000;
	text-indent:-1000px;
	width:70px;
	height:25px;
	display:block;
	text-decoration:none;
	float:right;
	background-image: url(../img/read_more_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 10px;
	}
a.masinfo:hover{
	color:#000000;
	background-image: url(../img/read_more_bg_on.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#right div.empresas{
	width:230px;
	color:#000000;
	float:left;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 42px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../img/fdoindex2.jpg);
	background-position: center top;
	}

#right div.empresas h2{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
	}
#right div.empresas h2 span{
	color:#CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	}
	
#right div.empresas ul{
	margin:20px 0 0 0; padding:0; list-style:none;
	}
h3{
	font-weight: bold;
	color: #4E513C;
	font-size: 11px;
}	
	
/*------------------------------------------Right End----------------------------------*/

/*------------------------------------------Left Start----------------------------------*/

#left{
	width:200px;
	padding:0;
	float:left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 20px;
	}

#left form#member{
	width:150px;
	color:#000000;
	
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-top: 21px;
	padding-right: 14px;
	padding-bottom: 27px;
	padding-left: 14px;
	background-image: url(../img/suplogin.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#left form#member h2{
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	color:#4D3F2A;
	padding:0 0 18px 0;
	float:left;
	}
#left form#member input{
	background-color:#FFFFFF; 
	border-top:#808080 solid 1px; border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px; border-left:#808080 solid 1px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#000000; width:122px; height:12px; padding:4px;
	float:left;
	}
#left form#member label{
	line-height:12px; display:block; float:left;
	}
a.register{
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#990200; background-color:#F4F0EA;
	margin:10px 0 8px 0; text-decoration:none; float:left;
	}
a.register:hover{
	background-color:#FFFFFF; color:#990200;
	}
a.password{
	background:url(../img/password_bg.gif) no-repeat 0 0 #F4F0EA;
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; text-decoration:none;
	width:132px; height:16px; display:block; float:left;
	margin:0 0 10px 0;
	}
#left form#member input.goBtn{
	background:url(../img/go_bg.gif) no-repeat 0 0 #F4F0EA;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF; width:24px; height:14px; border:none;
	cursor:pointer; padding:0 0 5px 0; float:right; 
	}
	
/*------------------------------------------Left End----------------------------------*/
/*------------------------------------------PAGINATOR---------------------------------*/
.pagenavi {
	clear: both;
	line-height: 100%;
	letter-spacing: -1px;
	position: static;
	vertical-align:bottom;
	right: -254px;
	margin-right: 40px;
	margin-bottom:10px;
	top: 1137px;
	float: right;
	font-size: 12px;
	text-decoration: none;}

.pagenavi p{
	text-align:center;
	float: rigth;

}
.pagenavi a, .pagenavi span {
	margin-left: 3px;
	
	width: 22px;
	height: 20px;
	display: block;
	text-align: center;
	float: left;
	background-repeat: no-repeat;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-top:10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 14px;
	background-position: center center;
	background-color: #D2D5C6;
}
.pagenavi a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #979D79;
}
	


/* =footer
---------------------------------------------------------- */
#footer {
	width:950px;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	clear: both;
	font-size: 11px;
	height: 100px;
	background-repeat:  no-repeat;
	background-position: center top;
	background-image: url(../img/pie.jpg);
	line-height: 11px;
	padding-top: 50px;
}
#footer p {
	color: #FFFFFF;
	margin-left: auto;
	margin-bottom: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 50px;
}
#footer a, #footer a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: none;
	color: #990000;
}

.txt_login{
	font-size: 11px;
	text-align: justify;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
}
.textbox {
	font-size : 11px;
	border : 1px dotted #000000;
	color: #333526;
	background-color: #F0F1ED;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.txtcontacto{
	font-size: 12px;
	text-align: justify;
}
li.txtcontacto {
	text-align: justify;
	margin-bottom: 10px;
}
.txtcontacto a{
	font-size: 12px;
	text-align: justify;
	color: #CC0000;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.cont_resaltado{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.cont_resaltado2{
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}
.anime{
	height: 120px;
	width: 100px;
	clear: both;
}
.tube{
	width: 680px;
	background-image: url(../img/cargando.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#apDiv1 {
	position:absolute;
	left:810px;
	top:462px;
	width:103px;
	height:123px;
	z-index:1;
}


#fchaderecha{
	width: 422px;
	float: right;
}
.nota{
	font-size: 11px;
	margin-right: 25px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-style: oblique;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}