/***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
	outline:none;
}

body {
	font: 12px/1.25 Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg) repeat-x top left #fff;
	color: #2a2b2f;
	height: auto;
}

/***** Common Formatting *****/

a, img{ outline: none;}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding: 0;
	font-weight:normal;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ae0000;
	font-size: 16px;
	padding: 0 0 10px 0; 
	margin: 0px 0px 10px 0px;
}
h2{ 
	padding: 0;
	margin: 10px 0;
	font-family: arial, helvetica, sans-serif ;
	font-weight: normal;
	color: #211e1e;
	font-size: 13px;
	line-height:1.4em;
}
h3{ 
	padding: 0;
	margin: 14px 0;
	font-family: arial, helvetica, sans-serif ;
	font-weight: normal;
	color: #675c50;
	font-size: 14px;
}
hr {
 border:0;
 border-bottom:1px dotted #999;
 margin:8px 0 16px 0;
 padding:0;
 height:0;
}

p {
	margin:0;
	padding:0 0 14px 0;
	line-height:1.4em;
	text-align: left;
}

ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}

blockquote {
	margin:22px 40px;
	padding:0;
}

small { font-size:0.85em; }
img { border:0; }

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

ul {
 margin:0;
 padding:0;
}
#contenido #col1 li {
 margin:0;
 padding:0 0 8px 18px;
 background:url(images/bullet.png) 0 1px no-repeat;
}

/***** Links *****/

a, a:visited {
	text-decoration:none;
	outline: none;
}
a:link{ color: #0082C5;}
a:visited{ color: #0082C5;}
a:hover{ color: #0082C5; text-decoration: underline;}
a:active{ color: #0082C5;}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}

input, select, textarea { font:1em arial, helvetica, sans-serif; }
textarea { line-height:1.25; }
label { cursor:pointer; }

/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}

table tr td {
	padding:2px;
}

/***** Wrapper *****/

.wrap {
	width:960px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.floatLeft 		{ float:left; }
.floatRight 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.width100 		{ width: 100%; }
.width75 		{ width: 75%; }
.width50 		{ width: 50%; }

.black 			{ color:#000; }
.grey			{ color:#888; font-style:normal; }
.red			{ color:#ae0000; }


/***** Structure Classes *****/

#header{
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: 95px;
	margin: 0;
	padding: 0;
}
#contenido{
	display:block;
	float:none;
	clear:both;
	width:100%;
	min-height: 300px;
	height:auto;
	margin:0px;
	padding:0 0 60px 0;
}
.scribble{ margin: 12px 0 12px 0;}
#cdetails {
 margin:7px 0 0 0;
}
#cdetails em{ margin: 6px 0;}
#footer{
	display:block;
	float:none;
	clear:both;
	width:100%;
	height:45px;
}
#pie #like { float:right;width:100px;margin:30px 0 0 0; }
/***** Header Classes *****/

#header .wrap{
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 95px;
}
#header img.logo{
	display: block;
	float: left;
	clear: none;
	margin: 20px 0 0 0;
	width: 266px;
	height: 72px;
}
*html #header img.logo{ margin-top/****/:/****/ 20px;}

ul#topNavi {
	display:block;
	float:right;
	clear:none;
	width: auto;
	height:37px;
	padding:0;
	margin:0;
}
ul#topNavi li{
	display:block;
	float:left;
	clear: none;
	margin: 35px 0 0 0;
	padding: 0;
	cursor:pointer;
	height:17px;
}

ul#topNavi li a{
	position: relative; overflow: hidden;
	z-index: 10;
	display:block;
	height:17px;
	margin: 0;
	padding: 4px 18px 4px 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	background: url(images/splitterNavi.jpg) no-repeat top right;
}
*:first-child+html ul#topNavi li a{}
*html ul#topNavi li{ width/****/:/****/ 108px; text-align: center; font-size: 0.9em;}
*html ul#topNavi li a{ padding: 4px 0;}

ul#topNavi li a:link{ color: #2a2b2f; }
ul#topNavi li a:visited{ color: #2a2b2f; }
ul#topNavi li a:hover{ color: #2a2b2f; text-decoration:underline; }
ul#topNavi li a:active{ color: #2a2b2f; }
ul#topNavi li a.active{ background: #ae0000; color: #fff;}
ul#topNavi li a.last{ background: none;}

/***** LavaLamp Classes *****/

#topNavi li.back {
 background: url("images/lava.gif") no-repeat right -30px;
 width: 9px; height: 30px;
 z-index: 8;
 position: absolute;
}
.lavaLamp li.back .left {
 background: url("images/lava.gif") no-repeat top left;
 height: 30px;
 margin-right: 9px;
}


/***** Slideshow Classes *****/

#slideshow{
	display: block;
	clear: both;
	height: 225px;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(images/bgSlideshow.png) top center;
}
#slideshow .wrap{
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 204px;
}
#slideshow .wrap #ani{
	display: block;
	float: right;
	clear: none;
	margin: 0;
	padding: 0;
}
#slideshow .wrap h1{
	display: block;
	float: left;
	clear: left;
	width: 460px;
	margin: 48px 0 0 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}
#slideshow .wrap h2{
	display: block;
	float: left;
	clear: left;
	width: 460px;
	margin: 12px 0 0 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.5em;
}

#slideshow .wrap dl#cdetails{
	display: block;
	float: left;
	clear: left;
	margin: 60px 0 0 215px;
	padding: 0;
	width: 200px;
	height: 84px;
	font-size: 18px;
}
#slideshow .wrap #chalk{
	display: block;
	float: left;
	clear: left;
	width: 484px;
	height: 196px;
	margin: 0;
	padding: 0;
	background: url(images/chalk.png) no-repeat 0 -6px;
}
#slideshow .wrap dl#cdetails dt{
	display: block;
	float: left;
	clear: both;
	width: 65px;
	margin: 0 0 8px 0;
	padding: 0;
	color: #E2E2E2;
}
#slideshow .wrap dl#cdetails dd{
	display: block;
	float: left;
	width: 120px;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold;
	color: #fff;
}
#slideshow .wrap dl#cdetails dd.one{ margin: 0 0 1px 0;}
#slideshow .wrap dl#cdetails dd.two{ margin: 0 0 8px 0;}

#slideshow .wrap dl#cdetails dd a:link{ color: #4db8f5;}
#slideshow .wrap dl#cdetails dd a:visited{ color: #4db8f5;}
#slideshow .wrap dl#cdetails dd a:hover{ color: #249bdf; text-decoration: none;}
#slideshow .wrap dl#cdetails dd a:active{ color: #4db8f5;}

/***** Content Classes *****/

#contenido .wrap{
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: auto;
}
#contenido .wrap h1, 
.disenoweb #contenido .wrap h2{
	margin: 0 0 20px 0;
	padding: 0;
}
/*
.disenoweb #contenido .wrap h2 em{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4a4e50;
	font-style: normal;
	margin: 0 0 20px 0;
	padding: 0; 
}
*/
.disenoweb #contenido .wrap h2 b{
	text-transform: uppercase;
	font-weight: normal;
	color: #AE0000;
	margin: 0 0 20px 0;
	padding: 0;
}
.index #contenido #col1,
.index #contenido #col2,
.index #contenido #col3{
	display: block;
	float: left;
	clear: none;
	height: auto;
	min-height: 435px;
	margin: 0;
	padding: 0;
}
.index #contenido #col3 li { margin:8px; }
.index #contenido #col1{ width: 322px; background: url(images/upIzq.png) top right no-repeat; padding:0 0 30px 0;}
.index #contenido #col2{ width: 320px; background: url(images/upDer.png) top right no-repeat; padding: 0 32px;}
.index #contenido #col3{ width: 220px; padding: 0 0 0 30px;}
.index #contenido #col1 p{ width: 300px;}

*html .index #contenido #col1{ width: 310px;}
*html .index #contenido #col2{ padding: 0 22px;}
*html .index #contenido #col3{ padding: 0 0 0 18px;}
*html .index #contenido #col1 p{ width: 290px;}

.index #contenido #col2 ul#ultimosProyectos{
	margin: 0;
	padding: 0;
}
.index #contenido #col2 ul#ultimosProyectos li{
	display: block;
	clear: both;
	width: 316px;
	height: 175px;
	min-height: 175px;
	margin: 0 0 18px 0;
	padding: 0;

}
.index #contenido #col2 ul#ultimosProyectos li a.proyImg{
	display: block;
	width: 309px;
	height: 155px;
	margin: 0;
	padding: 5px 0 0 7px;
	background: url(images/bgUp.png) no-repeat top left;
}
.index #contenido #col2 ul#ultimosProyectos li p.proyName{ display: block; float: left; clear: both; margin: 0 0 0 4px; padding: 0; font-weight: bold;}
.index #contenido #col2 ul#ultimosProyectos li a.proyLink{ display: block; float: right; clear: none; margin: 0; padding: 0; color: #0082c5;}
.index #contenido #col2 ul#ultimosProyectos li a.proyLink:link{ color: #0082c5;}
.index #contenido #col2 ul#ultimosProyectos li a.proyLink:visited{ color: #0082c5;}
.index #contenido #col2 ul#ultimosProyectos li a.proyLink:hover{ color: #0082c5; text-decoration: underline;}
.index #contenido #col2 ul#ultimosProyectos li a.proyLink:active{ color: #0082c5;}

.index #contenido #col3 ul#clientes{
	display: block;
	float: left;
	clear: both;
	width: 226px;
	margin: 0;
	padding: 8px;
	background: url(images/bgClientes.png) no-repeat top left;
}
.index #contenido #col3 ul#clientes li{
	display: block;
	float: left;
	clear: none;
	width: 112px;
	height: 68px;
	margin: 0 1px 1px 0;
	padding: 0; 
}

.disenoweb #contenido .wrap{ margin: 45px auto 0 auto;}
.disenoweb #contenido #col1{
	display: block;
	float: left;
	clear: none;
	width: 245px; 
	height: auto;
	min-height: 427px;
	margin: 0;
	padding: 0 24px 0 0;
	background: url(images/upIzq.png) top right no-repeat;
}
.disenoweb #contenido #col1 p{ width: 254px;}
.disenoweb #contenido #col1 p.rojo{
	padding: 0;
	margin: 10px 0px 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ae0000;
	font-size: 16px;
}
#contenido dl#cdetails{
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 60px;
	font-size: 15px;
}
#contenido dl#cdetails dt{
	display: block;
	float: left;
	clear: both;
	width: 54px;
	margin: 0 0 3px 0;
	padding: 0;
}
#contenido dl#cdetails dd{
	display: block;
	float: left;
	width: 120px;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
}

.disenoweb #contenido #col2{
	display: block;
	float: left;
	clear: none;
	width: 656px; 
	height: auto;
	min-height: 427px;
	margin: 0;
	padding: 0px 0 80px 30px;
}
*html .disenoweb #contenido #col1{ width: 272px; }
*html .disenoweb #contenido #col1 p{ width: 250px; }
*html .disenoweb #contenido #col2{ padding: 0 0 0 10px;}

.disenoweb #contenido #col2 ul#proyectosWeb{
	margin: 0;
	padding: 0;
}
.disenoweb #contenido #col2 ul#proyectosWeb li{
	display: block;
	float: left;
	clear: none;
	width: 211px;
	height: 184px;
	min-height: 175px;
	margin: 0 7px 25px 0;
	padding: 0;
}
.disenoweb #contenido #col2 ul#proyectosWeb li a.proyImg{
	display: block;
	width: 204px;
	height: 131px;
	margin: 0;
	padding: 5px 0 0 5px;
	background: url(images/bgProy.png) no-repeat top left;
}
.disenoweb #contenido #col2 ul#proyectosWeb li span{ display: block; width: 197px; height: 33px; padding: 8px 6px; background-color: #dce1e5;}
.disenoweb #contenido #col2 ul#proyectosWeb li p.proyName{ display: block; float: left; clear: both; margin: 0 0 2px 0; padding: 0; font-weight: bold; width: 180px;}
.disenoweb #contenido #col2 ul#proyectosWeb li a.proyLink{ display: block; float: left; clear: both; margin: 0; padding: 0; color: #0082c5; width: 180px;}
.disenoweb #contenido #col2 ul#proyectosWeb li a.proyLink:link{ color: #0082c5;}
.disenoweb #contenido #col2 ul#proyectosWeb li a.proyLink:visited{ color: #0082c5;}
.disenoweb #contenido #col2 ul#proyectosWeb li a.proyLink:hover{ color: #0082c5; text-decoration: underline;}
.disenoweb #contenido #col2 ul#proyectosWeb li a.proyLink:active{ color: #0082c5;}


.disenoweb #contenido #col4{
	display: block;
	float: left;
	clear: none;
	width: 386px; 
	height: auto;
	min-height: 427px;
	margin: 0;
	padding: 0 0 0 20px;
}
.disenoweb #contenido #col4 #slider{
	display: block;
	width: 362px;
	height: 303px;
	padding: 6px 7px 0 7px;
	background: url(images/bgSwapper.jpg) no-repeat top left;
}
.disenoweb #contenido #col4 #main{
	display: block;
	width: 362px;
	height: 295px;
	margin: 0;

}
.scroll{ overflow:auto; position:relative; }
.disenoweb #contenido #col4 #swapperNav{
	display: block;
	float: left;
	clear: both;
	width: 376px;
	height: 33px;
	margin: 0;
	padding: 10px 0 0 0;
	background: url(images/bgSwapperNav.jpg) no-repeat top left;
}
.disenoweb #contenido #col4 #swapperNav a{
	height:20px;
	margin:6px 1px 0 0;
	padding:2px 7px 3px 6px;
	width:14px;
	background: url(images/bgCirculo.png) no-repeat top left;
	color: #fff;
	font-weight: bold;
}
.disenoweb #contenido #col4 #swapperNav a:link{ color: #fff;}
.disenoweb #contenido #col4 #swapperNav a:visited{ color: #fff;}
.disenoweb #contenido #col4 #swapperNav a:hover{ color: #fff;}
.disenoweb #contenido #col4 #swapperNav a:active{ color: #fff;}

.disenoweb #contenido #col4 .screenshot_outer { width:385px; height:315px;background:url(images/back_screenshot.png) top left no-repeat;margin:32px 0 0 0; }
.disenoweb #contenido #col4 .screenshot { padding:5px;background:#fff;border:1px solid #ccc; }


.disenoweb #contenido #col5{
	background:url(images/upDer.png) no-repeat left top;
	display: block;
	float: left;
	clear: none;
	width: 245px; 
	height: auto;
	min-height: 427px;
	margin: 0 0 0 10px;
	padding: 0 0 0 25px;
}
.disenoweb #contenido #col5 #detalles_text {
 min-height:240px;
}
.disenoweb #contenido #col5 ul#proyNavi{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	margin: 0 0 20px 0;
	padding: 0;
}
.disenoweb #contenido #col5 ul#proyNavi li{
	display: block;
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: solid 1px #0082C5;
}
.disenoweb #contenido #col5 ul#proyNavi li.last{ padding: 0; border: none;}

.disenoweb #contenido #col5 ul#proyNavi li a:link{ color: #0082C5;}
.disenoweb #contenido #col5 ul#proyNavi li a:visited{ color: #0082C5;}
.disenoweb #contenido #col5 ul#proyNavi li a:hover{ color: #0082C5; text-decoration: underline;}
.disenoweb #contenido #col5 ul#proyNavi li a:active{ color: #0082C5;}

.disenoweb #contenido #col5 a.volver {
 padding: 40px 0 12px 0;
 display:block;
}
.disenoweb #contenido #col5 a.visit{
	display: block;
	float: left;
	clear: both;
	padding: 6px 10px;
	background-color: #cfdfe8;
	color: #0082c5;
	width:256px;
	text-align:center;
}
.disenoweb #contenido #col5 a.visit:hover{ background-color: #4c97c1; color: #fff;text-decoration:none;cursor:pointer;}

.disenoweb #contenido  ul.galeriaFotos{
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 18px 0;
	padding: 0;
	float:left;
	clear:left;
}
.disenoweb #contenido  ul.galeriaFotos li{
	display: block;
	float: left;
	clear: none;
	height: auto;
	margin: 0 7px 7px 0;
	overflow: hidden;
}
.disenoweb #contenido  ul.galeriaFotos li a img{
	display: block;
	float: left;
	clear: both;
	width: auto;
	max-width: 133px;	
	height: 85px;
	padding: 3px;
	background: #fff;
	border: solid 1px #d0d0d1;
 }
.disenoweb #contenido  ul.galeriaFotos li span{
	display:block;
	float: left;
	clear: both;
	width:127px;
	height:22px;
	margin: 6px 0 0 0;
	padding:4px 0px 4px 4px;
	font-weight:normal;
	font-size:9px;
	background:#fff;
	border:1px solid #ccc;
}
.disenoweb #contenido  ul.galeriaFotos li span p.proyName{
	font-weight:bold;
	text-align: left;
	margin: 0 0 0 4px;
	padding: 0;
	background:none;
}

.disenoweb #contenido #col6{
	display: block;
	float: left;
	clear: none;
	width: 655px; 
	height: auto;
	min-height: 427px;
	margin: 0 0 40px 10px;
	padding: 0 0 0 25px;
}
.disenoweb #contenido #col6 img{
	display: block;
	margin: 0;
	border: solid 1px #bbb;
	background: #fff;
	padding: 6px;
}
.disenoweb #contenido #col6 img.nil { padding:0;border:0;float:left;margin:0 4px 0 0; }
.disenoweb #contenido #col6 ul#fotoNavi{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: auto;
	height: 18px;
}
.disenoweb #contenido #col6 ul#fotoNavi li{
	display: block;
	float: left;
	clear: none;
	margin: 0 6px 0 0;
	padding: 0 6px 0 0;
	width: auto;
	height: auto;
	border-right: solid 1px #d0d0d1;
}
.disenoweb #contenido #col6 ul#fotoNavi li.last{ border: none;}

.disenoweb #contenido #col6 ul#fotoNavi a.grey { color:#666; }

#contenido label, 
#contenido input{
	display: block;
	float: left;
}
#contenido label{ 
	width: 110px;
	text-align:right;
	clear: left;
}
#contenido input, 
#contenido textarea{ 
	margin: 0 0 6px 10px;
	width: 260px;
	border: solid 1px #a7a6aa;
}
#contenido input:hover,
#contenido textarea:hover{ border: solid 1px #ae0000;}
#contenido textarea{ height: 125px;}
#contenido input.detailsSubmit{ margin: 0 0 6px 0px;}

#contenido #contactform{ display: block; float: left; clear: both; width: 640px; margin: 0; background: url(images/oficina.jpg) no-repeat top right;}
#contenido #contactform fieldset{
	border: 0;
	margin: 0;
	padding: 0 0 0 2px;
}
.obli{ color: #ae0000;}
#contenido #contactform .selected{ border:1px solid #ae0000;}

.articulo #contenido #col2 ul {
 margin:0 0 0 12px;
}
.articulo #contenido #col2 ul li {
 padding:0 0 0 9px;
 background:url(images/bullet_red.gif) 0 5px no-repeat;
}

/***** Colaboradores ******/

.colaboradores #contenido #col1,
.colaboradores #contenido #col2,
.colaboradores #contenido #col3,
.colaboradores #contenido #col4{
	display: block;
	float: left;
	clear: none;
	height: auto;
	min-height: 435px;
	margin: 0;
	padding: 0;
}
.colaboradores #contenido #col1{ width: 245px; background: url(images/upIzq.png) top right no-repeat; padding:0 25px 0 0;}
.colaboradores #contenido #col2{ width: 185px; background: url(images/upIzq.png) top right no-repeat; padding:0 25px 0 25px;}
.colaboradores #contenido #col3{ width: 185px; padding: 0 25px 0 25px;background: url(images/upIzq.png) top right no-repeat;}
.colaboradores #contenido #col4{ width: 185px; padding: 0 0 0 25px;}

*html .colaboradores #contenido #col1{ width: 245px;}
*html .colaboradores #contenido #col2{ padding: 0 22px;}
*html .colaboradores #contenido #col3{ padding: 0 0 0 18px;}

.colaboradores #contenido .wrap {
	margin:45px auto 0;
}
.colaboradores #contenido h2{
	font-weight: bold;
	font-size: 16px;
	margin:0;
} 
.colaboradores #contenido img.colab{
	margin: 0 0 10px 0;
	border: solid 1px #d0d0d0;
}
.colaboradores #contenido a.colabLink{
	margin: 8px 0 8px 0;
	display:block;
	padding:2px 4px;
	background:#f1f1f2;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.colaborador {
 height:113px;
 padding:0 0 8px 0;
 margin:0 0 16px 0;
 text-align:center;
 }
 .colab_logo {
  min-height:95px;
 }

/***** MAPA *****/

#mapa {
 width:670px;
 height:350px;
 border:1px solid #ccc;

}

/***** Admin Content *****/

.admin_content #contenido .wrap #col1{
	display: block;
	float: left;
	clear: none;
	width: 469px; 
	height: auto;
	margin: 0;
	padding: 0;
	background: url(images/upIzq.png) top right no-repeat;
}
.admin_content #contenido .wrap #col2{
	display: block;
	float: left;
	clear: none;
	width: 469px; 
	height: auto;
	margin: 0;
	padding: 0 0 0 20px;
}
.admin_content #contenido .wrap input {
 width:434px;
 padding:2px;
}
.admin_content #contenido .wrap textarea {
 width:430px;
 height:280px;
 padding:4px;
}
.admin_content #contenido .wrap .button {
 background:#ae0000;
 color:#fff;
 width:440px;
 margin-bottom:8px;
 padding:6px 0;
}
.admin_content #contenido .wrap #bandericas {
 margin:0 0 2px 10px;
}
.admin_content #contenido .wrap #bandericas img {
 margin:0 2px 0 0;
 border:1px solid #a7a6aa;
}
.es { background:url(images/es.gif) top right no-repeat; }
.en { background:url(images/en.gif) top right no-repeat; }
.admin_content #contenido #top_bar {
 margin:20px 0;
 padding:10px 0;
 background:transparent url(images/bgPie.jpg) no-repeat center bottom;;
 text-align:center;
 color:#fff;
}
.admin_content #contenido #top_bar select {
 margin:0 8px;
 border:1px solid #ae0000;
}


/***** Footer Classes *****/

#pie{
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: 81px;
	margin: 0;
	padding: 0;
	background: url(images/bgPie.jpg) no-repeat center bottom;
	/*position: fixed;
	right: 0;
	bottom: 0;*/
}
#pie .wrap{
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height: 81px;
	color: #fff;
	font-size: 0.8em;
}
#pie .wrap a { color:#fff; }
#pie .wrap #miniLogo{
	display: block;
	float: left;
	clear: both;
	margin: 28px 40px 0 0;
	padding: 0;
}
#pie .wrap ul#pieIzq{
	display: block;
	float: left;
	min-width: 300px;
	margin: 36px 0 0 0;
	padding: 0;
}
#pie .wrap ul#pieIzq li{ display: block; float: left; margin: 0 7px 0 0; padding: 0; border-right: solid 1px #5e6065; padding: 0 7px 0 0;}
#pie .wrap ul#pieIzq li.last{ border: none;}

/**** ADMIN ****/
#admin {
 background: #ae0000;
 text-align: center;
 color:#fff;
 font-family: Verdana,arial,"sans serif";
 padding: 6px 0;
 position:fixed;
 width:100%;
 opacity:.6;
 filter: alpha(opacity = 60);
 border-bottom:1px solid #fff;
}
#admin a { color:#fff; }

/**** Resize ****/

.jqHandle {
   background: url(images/corner.png) bottom right;
   height:55px;
   width:55px;
}

.jqDrag {
  width: 100%;
  cursor: move;
}

.jqResize {
   position: absolute;
   bottom: 0;
   right: 0;
   cursor: se-resize;
}

.jqDnR {
    z-index: 3;
    position: relative;
}

/**** EXPERIMENTOS ****/

.exp_1 {  background:url(images/exp_1.png) bottom center no-repeat;  }
.exp_2 {  background:url(images/exp_2.png) bottom center no-repeat;  }
.exp_3 {  background:url(images/exp_3.png) bottom center no-repeat;  }
.exp_4 {  background:url(images/exp_4.png) bottom center no-repeat;  }
.exp_5 {  background:url(images/exp_5.png) bottom center no-repeat;  }
.exp_6 {  background:url(images/exp_6.png) bottom center no-repeat;  }
.exp_7 {  background:url(images/exp_7.png) bottom center no-repeat;  }
.exp_8 {  background:url(images/exp_8.png) bottom center no-repeat;  }
.exp_9 {  background:url(images/exp_9.png) bottom center no-repeat;  }
.exp_10 {  background:url(images/exp_10.png) bottom center no-repeat;  }
.exp_11 {  background:url(images/exp_11.png) bottom center no-repeat;  }
.exp_12 {  background:url(images/exp_12.png) bottom center no-repeat;  }


/***** CALENDARIO ****/

.calendario #contenido .wrap {
margin:45px auto 0;
}
.calendario #col1 {
 background:url(images/upDer.png) top right no-repeat;
 min-height:340px;
 width:243px;
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}
.calendario #col1 #fecha {
 float:right;
 margin:12px 30px 0 0;
}
.calendario #col2 {
 width:694px;

	display: block;
	float: left;
	clear: none; 
	height: auto;
	margin: 0;
	padding: 0 0 0 20px; 
}
.calendario #col2 #ajax_stuff{
 background:#ed3a5e;
 width:500px;
 height:300px;

}

/***** SQL TOOL ****/
.disenoweb #contenido #col1.sql {
 width:200px;
}

#sqlForm select {
 width:auto;
}

#sqlForm label {
 width:94px;
 text-align:left;
 padding:0 0 2px 0;
 clear:none;
}
#sqlForm input {
 width:auto;
 margin:0;
}
#sqlForm input.selected {
 border:1px solid #ae0000;
}
#sqlForm dl {
 width:60px;
 display:block;
 margin:6px 0;
 float:left;
}

#sqlForm dl dt {
 width:auto;
 display:block;
 float:left;
 clear:both;
 margin:0 4px 6px 0;
}
#sqlForm dl dd {
 width:40px;
 display:block;
 float:left;
 padding:0;
 margin:0 0 6px 0;
}
#sqlForm dl dd img {
 float:left;
 margin:0 6px 0 4px;
}
#contenido #sqlText {
 width:678px;
 height:278px;
 background:#fff;
 font-family: "courier";
 font-size:9px;
 padding:6px;
}
#contenido dl dd .raya {
 height:1px;
 width:100px;
 border-top: 1px solid #ccc;
}


/***** HELP! ****/

#help #contenido .wrap h2 {
 font-size:1.2em;
 margin:0 0 5px 0;
}
#help pre {
 margin:0 0 18px 0;
 padding:12px 18px;
 width:650px;
 background:#FFF6C2;
 border:1px solid #E3D68D;
 font-family:courier;
}

/***** FTP ****/

#ftp {
 width:650px;
}
#ftp td img { padding:0 0 0 8px; } 


/***** ARTICULOS ****/


#articulos input, #articulos textarea, #articulos select {
 width:auto; 
 float:none;
 display:inline;
}
#contenido #articulos label {
 float:none;
 display:inline;
}
#articulos #editar {
 width:670px;
}



 /**** MAPA TOOL ****/
 #mapaTool #map_canvas {
 width:700px;
 height:800px;
 border:1px solid #ccc;
 }
#mapaTool input {
 width:150px;
}
#mapaTool #contenido label {
 width:37px;
}