
* {
	margin:0;
	padding:0;
}
html, div, map, dt, isindex, form {
	display:block;
	font-family:Verdana, Arial, Tahoma, sans-serif;
}
#body {
	height:100%;
	margin:0 auto;
	overflow:visible;
	width:940px;
}
a {
	color:#1a94c3;
	font-weight:bold;
	text-decoration:none;
}
#background {
	background:transparent url(../images/cabecera-cnlogo.jpg) no-repeat scroll 50% 0;
	height:100%;
	margin:0 auto;
	overflow:visible;
	width:100%;
}
#header {
	overflow:hidden;
	width:980px;
	height:144px;
}
#background #body #header img.logo {
	margin-right:0px;
	margin-top:20px;
	float:right;
	display:block;
	margin-right:30px;
	border:0px;
}
#migas {
	color:#FFFFFF;
	font-size:11px;
	margin:88px 0px 0px 147px;
}
#migas a {
	color:#FFFFFF;
}
#header .menu {
	float:right;
	font-size:13px;
	margin:16px 0 0 453px;
}
#header .menu ul li {
	display:block;
	float:left;
	margin-top:5px;
	padding-left:9px;
	padding-right:9px;
	margin-bottom:3px;
	border-right:1px solid #0179ae;
}
#header .menu ul li.ultimo {
	border:0px;
}
#header div.menu ul li a.selected {
	color:#58585a;
}
#header .menu ul li a {
	color:#0179ae;
}
a, a:visited, a:link, a:hover {
	text-decoration:none;
}
#content-middle {
	width:980px;
	height:265px;
	background:#fff;
	margin-top:10px;
	text-align:center;
	display:block;
	text-align:left;
}
#content-middle .flash {
	width:980px;
	height:265px;
	background:#e0e0e0;
	margin-top:10px;
	text-align:center;
	display:block;
	text-align:left;
}
#content-middle .titulo {
	color:#0078ad;
	font-weight:bold;
	font-size:13px;
	margin:20px 0 10px 0px;
}
#content-middle #contenido {
	color:#666666;
	font-size:12px;
	width:980px;
}
#content-middle #contenido #contizda {
	width:660px;
	float:left;
	margin-left:20px;
	display:inline;
}
#content-middle #contenido #contdcha {
	width:230px;
	float:right;
	margin:40px 40px 0 0;
	display:inline;
}
#content-middle #contenido #contdcha .franquiciados {
	background:url(../images/team.jpg) no-repeat;
	width:232px;
	height:201px;
	display:block;
}

#content-middle #contenido #contdcha .partners {
	background:url(../images/partners.jpg) no-repeat;
	width:232px;
	height:87px;
	display:block;
	margin-top:5px;
}

#content-middle #contenido #contdcha img{
border:none;}


#content-middle #contenido #contdcha .franquiciados a {
	padding:10px;
}

#content-middle #contenido #contdcha .franquiciados .bt {
	background:transparent url(../images/bt.gif) no-repeat scroll left top;
	color:#555555;
	display:block;
	font-size:10px;
	font-weight:normal;
	height:18px;
	left:65px;
	padding:3px 0 0;
	position:relative;
	text-align:center;
	top:117px;
	width:101px;
}
#content-middle #contenido #contdcha .franquiciados .bt:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
}


#content-middle #contenido #contdcha .franquiciados .call{
background:transparent url(../images/callto.gif) no-repeat scroll left top;
color:#FFFFFF;
display:block;
font-size:11px;
font-weight:bold;
height:22px;
left:29px;
padding:9px 0 0;
position:relative;
text-align:center;
top:130px;
width:174px;}

#content-middle #contenido #contdcha .franquiciados .call:hover{
background-position:0 -31px;}


#content-middle #contenido #contdcha .partners .bt {
	background:transparent url(../images/bt.gif) no-repeat scroll left top;
	color:#555555;
	display:block;
	font-size:10px;
	font-weight:normal;
	height:18px;
	left:65px;
	padding:3px 0 0;
	position:relative;
	text-align:center;
	top:45px;
	width:101px;
}
#content-middle #contenido #contdcha .partners .bt:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
}



#content-middle #contenido p {
	margin-bottom:10px;
}
#content-middle #contenido #pie {
	font-size:11px;
	color:#FFFFFF;
	background:#0179ae;
	display:block;
	padding:10px 20px;
	margin:20px 0 20px 0;
}


#content-middle #contenido #pie a {
	color:#FFFFFF;
}
/* ------------------------------ DESCARGAS ------------------------------ */

#content-middle #contenido #contizda #desarrollo {
	width:660px;
	background:#f0f0f0;
	margin-top:20px;
}
#content-middle #contenido #contizda #desarrollo .elemento {
	border-bottom:1px solid #999999;
	margin:0 10px;
	padding:22px 10px 15px;
}
/* ----------- BT ---------- */
#content-middle #contenido #contizda #desarrollo .elemento .bt {
	background:transparent url(../images/bt.gif) no-repeat scroll left top;
	bottom:10px;
	color:#555555;
	display:block;
	float:right;
	font-size:10px;
	font-weight:normal;
	height:18px;
	padding:3px 0 0;
	position:relative;
	text-align:center;
	width:101px;
}
#content-middle #contenido #contizda #desarrollo .elemento .bt:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
}
#content-middle #contenido #contizda #desarrollo .elemento_ult .bt {
	background:transparent url(../images/bt.gif) no-repeat scroll left top;
	bottom:10px;
	color:#555555;
	display:block;
	float:right;
	font-size:10px;
	font-weight:normal;
	height:18px;
	padding:3px 0 0;
	position:relative;
	text-align:center;
	width:101px;
}
#content-middle #contenido #contizda #desarrollo .elemento_ult .bt:hover {
	background-position:0 -21px;/* con esto cambiamos la porcion de imagen que se muestra */
}

/* --------------------- */


#content-middle #contenido #contizda #desarrollo .elemento_ult {
	margin:0 10px;
	padding:22px 10px 15px;
}
#content-middle #contenido #contizda #desarrollo .elemento .titdes {
	color:#3399cc;
	font-size:16px;
	width:500px;
}
#content-middle #contenido #contizda #desarrollo .elemento .contdes {
	color:#666;
	font-size:12px;
	width:500px;
}
#content-middle #contenido #contizda #desarrollo .elemento_ult .titdes {
	color:#3399cc;
	font-size:16px;
	width:500px;
}
#content-middle #contenido #contizda #desarrollo .elemento_ult .contdes {
	color:#666;
	font-size:12px;
	width:500px;
}
#content-middle #contenido #contizda #paginacion {
	font-size:10px;
	margin-left:30px;
}
#content-middle #contenido #contizda #paginacion div {
	border:1px solid #CCCCCC;
	float:right;
	margin:5px 0px 0px 4px;
	padding:4px 7px 2px;
}
#content-middle #contenido #contizda #paginacion .selected {
	background-color:#3399cc;
	color:#FFFFFF;
}




/* ------------------------------ SERVICIOS ------------------------------ */


#content-middle #contenido #contizdaserv {
	width:170px;
	float:left;
	display:inline;
}
#content-middle #contenido #contizdaserv ul {
	list-style:none;
	color:#1a94c3;
	font-weight:bold;
	font-size:14px;
	margin:20px;
}
#content-middle #contenido #contizdaserv ul li.selected a {
	color:#666666 !important;
}
#content-middle #contenido #contdchaserv {
	width:772px;
	float:right;
	margin:20px 20px 0 0;
	display:inline;
}
#content-middle #contenido #contdchaserv ul {
	padding:10px 35px 20px 35px;
}
#content-middle #contenido #contdchaserv p {
	margin-left:20px;
}
#content-middle #contenido #contdchaserv #serviciosimg {
	margin:0px 0 30px 0;
}
#content-middle #contenido #contdchaserv .servicios {
	color:#666;
	background-color:#f0f0f0;
}
#content-middle #contenido #contdchaserv .servicios ul {
	list-style:none;
	padding:30px;
	margin:10px 0px 10px 0px;
}
#content-middle #contenido #contdchaserv .servicios ul li {
	margin-bottom:20px;
}
/* ------------------------------ FORMULARIO CONTACTO ------------------------------ */

#content-middle #contenido #contizda #box-form {
	background:url(../images/form_background.gif);
	height:257px;
	width:639px;
	padding:10px;
	margin-top:33px;
}
#content-middle #contenido #contizda #box-form form {
	display:inline;
	display:block;
	padding:10px 0 0 40px;
	color:#666666;
}
#content-middle #contenido #contizda #box-form form td {
	padding:2px;
}
#content-middle #contenido #contizda #box-form form td .bt {
background:transparent url(../images/bt.gif) no-repeat scroll left top;
border:medium none;
bottom:10px;
color:#555555;
display:block;
float:left;
font-size:10px;
font-weight:normal;
height:21px;
margin-top:20px;
padding:0 0 0;
position:relative;
text-align:center;
width:101px;
}

#content-middle #contenido #contizda #box-form form td .bt a{
color:#555;
font-weight:normal;}

#content-middle #contenido #contizda #box-form td .caja {
	width:195px;
	border:1px solid #999999;
	height:14px;
	padding:2px;

}
#content-middle #contenido #contizda #box-form td .cajagr {
	width:135px;
	border:1px solid #999999;
	height:14px;
	padding:2px;
}

#content-middle #contenido #contizda #box-form td .caja-ta{
padding:2px;
border:1px solid #999999
font-family:Verdana, Arial, Tahoma, sans-serif;
font-weight:normal;


}
/* ------------------------------ PESTAÑAS AGEL ------------------------------ */

#pestanas {
	width:667px;
	margin:20px 0;
}
#content-middle #contenido #contizda #pestanas .section-body {
background:url(../images/px_caja.gif) repeat-y;
	padding:0 35px 35px;
	/*position:relative;
top:17px;*/
}

#content-middle #contenido #contizda #pestanas .supcaja{
background:url(../images/sup_caja.gif) no-repeat;
width:667px;
height:36px; /*cambiado*/
/*position:relative;
top:25px;
*/

}
#content-middle #contenido #contizda #pestanas .infcaja{
background:url(../images/inf_caja.gif) no-repeat;
width:667px;
height:42px;
}

#content-middle #contenido #contizda #pestanas .section-body span {
	font-weight:bold;
	color:#0078AD;
}


#content-middle #contenido #contizda #pestanas .section-body .bodytit{
font-size:18px;
color:#0078ad;
margin-bottom:23px;}

#content-middle #contenido #contizda #pestanas .section-body p{
margin:17px 0 5px 0;}

/*--------------team-----------------------------------------*/
.tab {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
	height:30px;
    
}
.tab:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tab li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tab a, .tab a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab-round.png) no-repeat;
}
.tab a {
    position: relative;
    top: 0px;
    z-index: 2;
    padding-left: 0;
    /*color: white;   color de la fuente*/
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tab .active a {
     /*color: white;   color de la fuente*/
}
.tab .active a, .tab a:hover, .tab a:focus, .tab a:active {
    background-position: 100% -60px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tab a, .tab .tabs-disabled a:hover, .tab .tabs-disabled a:focus, .tab .tabs-disabled a:active {
    background-position: 100% -30px;/*aqui*/
}
.tab a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 24px; /* IE 6 treats height as min-height */
    min-height: 24px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tab a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tab .active a span {
    padding-top: 7px;
}
.tab .active a span, .tab a:hover span, .tab a:focus span, .tab a:active span {
    background-position: 0 -60px;
}
.tab a span, .tab .tabs-disabled a:hover span, .tab .tabs-disabled a:focus span, .tab .tabs-disabled a:active span {
    background-position: 0 -30px;/*aqui*/
}
.tab .active a:link, .tab .active a:visited, .tab .tabs-disabled a:link, .tab .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tab a:hover, .tab a:focus, .tab a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}



/* --------------------PARNERS------------ */
#content-middle #contenido #contizda #desarrollo .elemento .titdespartner {
	color:#3399cc;
	font-size:16px;
	margin-bottom:10px;
}

#content-middle #contenido #contizda #desarrollo .elemento_ult .titdespartner {
	color:#3399cc;
	font-size:16px;
	margin-bottom:10px;
}

#content-middle #contenido #contizda #desarrollo .elemento .contdespartners ul{
padding:10px 20px;


}