/*
 * Hoja de estilos principal de Pixelmio
 * http://www.pixelmio.net & http://www.pixelmio.com
 * Version: 3.33.016 (03/01/2012)
 * 
 * Copyright (c) 2009-2010 Pixelmio
 * Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
*/

/* @group Generales */
/*
body {background: #e6d9c8 url(../images/rayas.jpg) repeat;color: #111}
*/
body {
	background: #EEE url(../images/paper_2.gif) repeat;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

body#ficha {background-color:#eaeaea;color: #111}

h3 {margin:0 0 0 10px}
h3 img{vertical-align: middle}

p {padding: 5px 10px}


dl {padding: 5px 10px;margin-bottom: 0}
dt {clear:left;cursor:pointer;font-size:14px;line-height:1.8;text-shadow:0 1px 0 #FFF;margin-top: 5px;padding: 4px 0 3px 8px;}
dt img {vertical-align: middle}
dt.show {background: url(../images/show2.png) no-repeat 98% center;border-bottom: 1px solid #e5e5de}
dt.show:hover {background-color: #e5e5de}
dt.hide {
	background: #e5e5de url(../images/hide2.png) no-repeat 98% center;
	-moz-border-radius: 6px 6px 0 0;	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-radius: 6px 6px 0 0;}

dd {
	background-color:#f9faf3;
	line-height:1.5;
	padding:10px 10px 0;
	margin-bottom: 10px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-radius: 0 0 6px 6px;
	}

dd img {float:left;margin-right: 5px}

/* @group Botones */
a.miniboton {background: transparent url(../images/bg_miniboton_a.png) no-repeat scroll top right;display: block;float: right;font: bold 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;margin-bottom: 10px}
a.miniboton span {background: transparent url(../images/bg_miniboton_span.png) no-repeat;display: block;line-height: 14px;padding:5px 0 5px 18px;color: #444}
a.miniboton:active {background-position: bottom right;color: #000;outline: none}
a.miniboton:active span {background-position: bottom left;padding: 6px 0 4px 18px}
a.miniboton:hover{text-decoration: none}

a.boton {background:url(../images/bg_boton_a.png) no-repeat top right;display:block;float:right;font:normal 18px arial, sans-serif;height:24px;
	padding:0 35px 10px 0;text-decoration:none;font-weight:bold;margin:0 0 10px}
a.boton span {background: transparent url(../images/bg_boton_span.png) no-repeat;display:block;line-height:24px;padding:5px 0 5px 20px;color:#333;	letter-spacing:-1px}

p.tags {clear: both}
p.tags a{font-size: 13px;background: #666666 url(../images/botoverlay.png) repeat-x;
/* display: inline-block; */
padding: 5px 10px 6px;
color: #f5f5f5;
/*
text-decoration: none;
line-height: 1;
*/
-moz-border-radius: 12px;border-radius: 12px;
/*
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 0 #444;
position: relative;
cursor: pointer
*/
font-family: 'Ubuntu', sans-serif; 
/* font-weight: bold; */
}

p.tags a:hover {text-decoration: none}

a.botNav{font-size: 11px;background: transparent url(../images/botoverlay.png) repeat-x;display: inline-block;padding: 5px 10px 6px;text-decoration: none;line-height: 1;-moz-border-radius: 5px;-webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;position: relative;cursor: pointer}

/* @end */
/* @end */

/* @group Partes */
#clientePortafolio {background-color:#FFF;color:#444}
#clientePortafolio div.parte {width:48%;float:left;padding-right:10px}
#clientePortafolio #presentacion {}
#clientePortafolio #pixelmio {}
#clientePortafolio #links {}
#clientePortafolio p, #clientePortafolio h1 {margin-bottom:10px}

#corpus {background-color: #FFF}
#header {}
#titre {}
#titre h1 {background:url(../images/logo-pixelmio2.png) top left no-repeat;display:block;height:140px;margin:0;padding:0;text-indent:-9999px;width:523px}
#titre h1 a {width:523px;height:140px;display:block}
#titre p {background:transparent url(../images/logo-slogan.gif) no-repeat left top;	display:block;height:23px;left:274px;margin:0;padding:0;position:relative;
	text-indent:-9999px;top:-23px;width:242px}



#telefono {height:160px}

#telefono p.numero {
	background: url(../images/phone.gif) no-repeat 17px 12px;
	background-color: #75808D;
	background-color: rgba(42,42,42,0.2);
	-moz-border-radius:0 0 12px 12px;
	-webkit-border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	border-radius:0 0 12px 12px;
	
	font-size:3em;
	font-weight:bold;
	text-align: right;
	padding-right: 20px;
	color: #444;
/*text-shadow:0 0 10px #8F9AAC;*/
}


#telefono p.social {
	left:208px;
	position:relative;
	top:132px;
	width:82px;
}


#nav {
	background-color: #75808D;
	background-color: rgba(42,42,42,0.2);
	-moz-border-radius:12px 12px 0 0;
	-webkit-border-top-right-radius:12px;
	-webkit-border-top-left-radius:12px;
	border-radius:12px 12px 0 0;
	}



#nav ul {
	list-style: none;
	margin:10px 0 0 10px;
	padding:0
}
#nav ul li {
	float:left;
	height:45px;
	line-height:1;
	margin:0;
	padding:10px 10px 15px;	
	width:160px;
}

#nav ul li span {
	font-size:11px;
	font-weight:normal;
	line-height:1
}

/* ENCIMA */
#nav ul li.encima {color: #adadb8}
#nav ul li.encima a {text-shadow: 0 0 15px #FFF}
#nav ul li.encima span {/*color: #adadb8*/}


#nav ul li.active {
	/*background:transparent url(../images/nav_active.gif) no-repeat scroll left bottom*/
	background-color:#FFF;
	-moz-border-radius:6px 6px 0 0;
	-moz-box-shadow:0 0 10px #222;	
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-box-shadow:0 0 10px #222;	
	border-radius:6px 6px 0 0;
	box-shadow:0 0 10px #222}

#nav ul li.active span {color:#626262}
#nav ul li.active a {color:#8F9AAC;/*0AE*//*text-shadow: none*/}

#nav ul li a {
	color:#222;
	/*text-shadow:0 1px 0 #666;*/
	font-size:19px;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
}

#slogan {text-align:left;color:#333;height:155px}

/*#slogan h3, #slogan h2, #slogan h1 {font-size:3.6em;font-weight:bold;letter-spacing:-0.04em;margin:20px 0 10px;padding:0 0 0 10px}*/

#slogan h3, #slogan h2, #slogan h1, #slogan2 h1, #slogan2 h2, #slogan2 h3 {
	color:#444;font-size:4em;font-weight:bold;letter-spacing:-0.04em;line-height:1;margin:20px 0 10px;padding:0 0 0 10px}

#slogan p {color:#777;font-size:17px;letter-spacing:-0.02em;line-height:1.2;margin-bottom:0;padding:0 0 20px 10px}

#slogan2 h2 {padding: 0}
	#slogan2 h2.bleu{color: #058}
	#slogan2 h2.vert{color: #181}
	#slogan2 h2.marron{color: #960}
	#slogan2 h2.rojo{color: #C00}


p.titreSlogan {font-weight:bold;font-size:2em}

/* Classes para los fondos 150 de alto */
.bgRose {background: #FFF url(../images/rosePxlm.gif) no-repeat right center}

.bgPortafolio {background: url(../images/bg_pot.gif) no-repeat scroll 823px 60px #FFF}
.bgCourrier {background: url(../images/correo.gif) no-repeat scroll 783px 41px #FFF}
.bgSol {background: url(../images/bg_rub.gif) no-repeat scroll 770px 40px #FFF}

.bgRub2 {background: #FFF url(../images/bg_rub2.gif) no-repeat right center}
.bgRub3 {background: url("../images/bg_rub3.gif") no-repeat scroll 770px 32px #FFF}

.bgRub4 {background: #FFF url(../images/bg_rub4.gif) no-repeat right center}
.bgRubP {background: #FFF url(../images/bg_rubP.gif) no-repeat right center}

#contenu, #portafolio {background-color: #FFF}

#contenu h2 {line-height:1;
margin-bottom:10px;
	-moz-box-shadow: 0 -15px 12px #fff;
	-webkit-box-shadow: 0 -15px 12px #fff;
	box-shadow: #b3b3b3 0 -15px 12px #fff;
}

#contenu h2 span, #portafolio h2 span {font-size:10px;text-transform:uppercase;text-shadow:transparent 0 0 0}

#portafolio h2 {line-height:1;margin-bottom: 0;
	-moz-box-shadow: 0 -15px 12px #fff;
	-webkit-box-shadow: 0 -15px 12px #fff;
	box-shadow: #b3b3b3 0 -15px 12px #fff;

}


#portafolio h3 {margin-top: 10px}

#portafolio div.principal {background-color:#FFF;border:1px solid #CCC;margin:14px 14px 0}
#portafolio div.principal h3 {margin:0;padding:0 0 0 6px}
#portafolio div.principal h3 a {color: #777; text-decoration: none}
#portafolio div.principal img {padding: 7px 0 0 7px}

#portafolio img:hover {}

#clientes img {float: left;margin-left: 10px}
#homeSoluciones, #clientes, #contacto, #colaboracion, #metodos, .rounded {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
		
	-moz-box-shadow: #b3b3b3 0 2px 3px;
	-webkit-box-shadow: #b3b3b3 0 2px 3px;
	box-shadow: #b3b3b3 0 2px 3px;	
}
#homeSoluciones img {float:left;margin-right:5px;-webkit-transition: all 0.15s ease-out;clear:left}
#homeSoluciones img:hover {-webkit-transform: scale(1.15) rotate(2deg)}
#homeSoluciones h3 {display:block;height:64px;line-height:1;padding:10px 0 0 64px}
#homeSoluciones p {
	clear:both;
	padding:0 10px 20px 16px;
}

h3.diseno {background: url(../images/raton_azul_64.png) no-repeat 0 0}
h3.hosting{background: url(../images/casa_azul_64.png) no-repeat 0 0}
h3.news{background: url(../images/target_azul_64.png) no-repeat 0 0}
h3.busca{background: url(../images/scan_azul_64.png) no-repeat 0 0}

.portafolio {}
.portafolio p {}
.portafolio dl {}
.portafolio dd {font-weight: bold}
.portafolio dt {font-size: 90%}
#colaboracion img, #metodos img {float:right;margin-left:5px;margin-top: -30px}
#footer {
	background-color: #f1f1f1;
	background-color: rgba(242,242,242,0.6);
	color: #333;
	font-size: 1.1em;
	margin-bottom: 20px;
	text-shadow: 1px 1px 6px #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dadada));
	
	-moz-border-radius:0 0 12px 12px;
	-webkit-border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	border-radius:0 0 12px 12px;

}
#footer p {padding:10px}
#footer a {color:#333}
#web {
	width: 960px;margin: 0 auto; 
	-moz-box-shadow:0 0 10px #222;
	-webkit-box-shadow:0 0 10px #222;
	box-shadow:0 0 10px #222;
	
	-moz-border-radius:0 0 12px 12px;
	-webkit-border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	border-radius:0 0 12px 12px;	
}

#colaboracion {}
#metodos {}
#listado h3 {border-bottom: solid 1px;margin-right:10px;line-height:1.2;margin-bottom:10px}
#listado ul {list-style: disc}
#listado ul li {margin-left:25px}

#localizacion {}
#localizacion h3 {}

#salta {display:none}


#soluciones {}
#soluciones h3 {text-shadow: #FFF 0 1px 0}
#soluciones h3 img {vertical-align: middle}
#soluciones div.grid_3{padding: 5px 0}
.grishover {
	background-color:#ebebeb;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px}

#fichaBasic, #fichaBusiness, #fichaClassic, #fichaPro{position: relative}

#precio{position: absolute;top: -36px;right: 5px}
#lopd {background-color:#FFF4D4;margin:0 15px 10px;padding:5px;font-size:11px}

/* @end */

/* @group Listas */
ul#redes_social {list-style:none}
ul#redes_social li {margin:0 0 6px 10px}
ul#redes_social li img {vertical-align:middle}

ul#categorias {background-color:#E8E8E8;height:20px;line-height:20px;list-style:none;margin:-10px 0 10px}
ul#categorias li {float:left;margin-left:0;padding-left:8px;text-shadow: #FFF 0 1px 0}
ul#categorias li a{color: #626262; text-decoration: none}
ul#categorias li a.active{font-weight: bold;color: #C00}
ul#categorias li + li {background:#E8E8E8 url(../images/ulSep2.gif) no-repeat left center;padding-left:15px}

ul.tick {clear:right;list-style: none}
ul.tick li{background: url(../images/tick.png) no-repeat 0 2px;padding-left: 21px;margin-left: 10px;}


div#zonamigas {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #DDD;
	margin:0 10px 10px;
	padding:0;
}

div#zonamigas ol#migas {
	background:none repeat scroll 0 0 transparent;
	clear:both;
	float:none;	
	font-weight:bold;
	line-height:34px;
	list-style:none outside none;
	text-shadow:0 1px 0 #FFF;
	line-height:34px;
	list-style:none outside none;
	margin:0;
	overflow:hidden;
}

div#zonamigas ol#migas li {float:left;margin:0;padding:0 0 0 20px}

div#zonamigas ol#migas li a {
	background:url(../images/migas_sep.png) no-repeat scroll 100% 50% transparent;
	float:left;
	margin-left:-10px;
	padding:0 20px 0 0;
	position:relative;
	text-decoration:none;
}

div#zonamigas ol#migas li.home {background:none repeat scroll 0 0 transparent;margin:0;padding:0}
div#zonamigas ol#migas li.home a {background:url("../images/migas_home.png") no-repeat scroll left center transparent;	margin:0 0 0 7px;overflow:hidden;padding:0 0;text-indent:-9999px;width:30px}
div#zonamigas ol#migas li.active a {color: #C00}


ul#listPortafolio2col {list-style:none;overflow:hidden}
ul#listPortafolio2col li {border:1px solid #CCC;float:left;margin:10px 0 0 14px;
width:327px;background: #FFF url(../images/capturas/310/ver2.jpg) no-repeat 7px 7px; position: relative}


div.eco {
background: url(../images/capturas/coin-rouge2.png) top right no-repeat;
position: absolute;
height: 66px;
width: 66px;
right: -4px;
top: -4px;z-index: 10;
}

div.wp {
background:  url(../images/capturas/coin-wp.png) top right no-repeat;
position: absolute;
height: 66px;
width: 66px;
right: -4px;
top: -4px;z-index: 10;
}

ul#listPortafolio2col li img{padding: 7px 0 0 7px}
ul#listPortafolio2col li h4 {font-size:1em;margin:0 0 0 7px}
ul#listPortafolio2col li h4 a{color: #777;text-decoration:none}
ul#listPortafolio2col li p {color:#777;font-size:10px;padding:0 7px 7px}

ul.listado li a{font-weight:bold}

#accProd{margin:0;padding:0;list-style-type:none;line-height:120%}
#accProd a{}
#accProd ul{overflow: hidden;margin:0;padding:0}
#accProd li{margin:0;padding:0 5px;list-style-type:none}

#accProd li a {border-bottom:1px dotted #0AE;display:block;font-size:1.5em;padding:5px 0 3px 5px;text-decoration:none;text-shadow:0 1px 0 #FFF}
#accProd li a.closed{}
#accProd li.firstitem a.closed{}
#accProd li.lastitem a.closed{}
#accProd li li{padding:5px 0 0 5px;height:175px;line-height: 1.3;font-size: 1.4em}
#accProd li a.simple{border: medium none;font-size: 0.8em;text-align: right;color: #058;font-weight: bold}
#accProd li.firstitem a.opened{}
#accProd li.lastitem li{}
#accProd li.lastitem ul{padding-bottom:4px}

#accProd ul.imgPro {background: url(../images/bgImgPro.gif) bottom center no-repeat}
#accProd ul.imgBusiness {background: url(../images/bgImgBusiness.gif) bottom center no-repeat}
#accProd ul.imgClassic {background: url(../images/bgImgClassic.gif) bottom center no-repeat}
#accProd ul.imgBasic {background: url(../images/bgImgBasic.gif) bottom center no-repeat}
#accProd ul.imgComparativa {background: url(../images/bgImgComparativa.gif) bottom center no-repeat}

#interes {}
#interes p {font-size: 1.2em; line-height: 1.4}
#interes a {text-shadow: #F2DBFF 0 1px 0;text-decoration: none;font-weight: bold;border-bottom: 1px dotted}


/* @end */

/* @group Tables */

.tblComparativa {border:0 solid #FEB;margin:0 10px 20px 10px}
.tblComparativa tr {}
.tblComparativa tr.bordure th{border-bottom: 2px solid #E90;background-color: #e6e6e6;padding: 5px 0}
.tblComparativa th {text-shadow: #FFF 0 1px 0;font-size: 1.1em; vertical-align: middle}
.tblComparativa th img {vertical-align: middle}
.tblComparativa td {line-height:30px;padding-top:3px}
.tblComparativa td.centre {text-align: center}
.tblComparativa td img {vertical-align: middle;padding-left: 60px;text-align: left}
.tblComparativa sup {font-size: x-small}
.impaire {background-color: #F1f1f1}
.dessus {background-color: #ebebeb}
/* @end */

/* @group Formularios */

#contact-form input[type="text"], #contact-form textarea {border:solid 0px;color:#666;font-family:Ubuntu, Helvetica, Arial, Sans-serif;font-size:1.1em;padding:5px}
#contact-form input[type="text"].hasFocus, #contact-form textarea.hasFocus {color:#111}
#contact-form input[type="text"].isChanged, #contact-form textarea.isChanged {color:#777}
#contact-form p {padding:5px 10px;overflow:hidden}
#contact-form #submit {margin:0 0 0 225px}
#contact-form #visitorname, #contact-form #visitormail {width:270px}
#contact-form #subject {width:590px}
#contact-form #notes {width:590px}

#contact-form label.error {color:#CC0000;float:left;font-size:0.85em;font-weight:bold;padding-left:8px;width:94%}
/* @end Formularios*/

/* @group Colores */

.bleuPale h2,.jaune h2,.blanco h2,.orangePale h2,.vertPale h2,.violet h2,.rose h2,.rouge h2,.gris h2, .bluff h2 {
padding: 10px;
-moz-border-radius:6px 6px 0 0;
-webkit-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0;
}

/* @group BlancFaceBook */
.bluff {background-color: #fFF;color: #444}
.bluff p {padding: 0 10px 10px}
.bluff a {color: #2a90fc;text-decoration:none}
.bluff a:hover {text-decoration: underline}
.bluff h2 {
	background-color: #d4d4d4;
	text-shadow: #FFF 0 1px 0;
	background-image: -moz-linear-gradient(top, #f2f2Ea, #d4d4d4);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f2f2Ea),color-stop(1, #d4d4d4));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2Ea', EndColorStr='#d4d4d4');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2Ea', EndColorStr='#d4d4d4')";
}
.bluff h3, .bluff h4{text-shadow: #FFF 0 1px 0}
.bluff div.sep {background: transparent url(../images/sepBlanco.gif) repeat-x 0 0;margin:10px; height: 2px}
/* @end */



/* @group Blanc */
/* .blanco {background-color: #f2f2ea;color: #444} */
.blanco {background-color: #f5f5f5;color: #333}

.blanco p {padding: 0 10px 10px}
.blanco a {color: #2a90fc;text-decoration:none}
.blanco a:hover {text-decoration: underline}
.blanco a.miniboton:hover {text-decoration: none}

.blanco h2 {
	background-color: #d4d4d4;
	text-shadow: #FFF 0 1px 0;
	background-image: -moz-linear-gradient(top, #f2f2Ea, #d4d4d4);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f2f2Ea),color-stop(1, #d4d4d4));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2Ea', EndColorStr='#d4d4d4');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2Ea', EndColorStr='#d4d4d4')";
}
.blanco h3, .blanco h4{text-shadow: #FFF 0 1px 0}
.blanco div.sep {background: transparent url(../images/sepBlanco.gif) repeat-x 0 0;margin:10px; height: 2px}
/* @end */

/* @group Bleu */
.bleuPale {background-color:#DEF7FF;/*#bef*/
color: #058}
.bleuPale a {color:#058}
.bleuPale h2 {background-color: #BEF;/*8DF*/
	text-shadow: #FFF 0 1px 0;
	 background-image: -moz-linear-gradient(top, #DEF7FF, #BBEEFF); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #DEF7FF),color-stop(1, #BBEEFF));
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#DEF7FF', EndColorStr='#BBEEFF');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DEF7FF', EndColorStr='#BBEEFF')";
	}

.bleuPale div.sep {background:#DEF7FF url(../images/sep.png) repeat-x 0 0;height:5px;margin:0 10px;clear:right}
/* @end Bleu*/

/* @group Jaune */
.jaune {background-color: #FFB;color:#662}
.jaune a {color:#662}
.jaune h2 {background-color: #FF5;
	text-shadow: #FFF 0 1px 0;
	 background-image: -moz-linear-gradient(top, #FFFFBB, #FFFF55); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFBB),color-stop(1, #FFFF55));
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFBB', EndColorStr='#FFFF55');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFBB', EndColorStr='#FFFF55')";
	}
.jaune div.sep {
	background:transparent url(../images/sepOrange.gif) repeat-x scroll 0 0;
	height:5px;
	margin:0 10px;
	clear: right;
}
/* @end Jaune*/
/* @group Orange */

.orangePale {background-color: #FEB;color:#960}
.orangePale a {color:#960}
.orangePale h2 { background-color: #FD8;text-shadow: #FFF 0 1px 0;
 background-image: -moz-linear-gradient(top, #FFEEBB, #FFDD88); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFEEBB),color-stop(1, #FFDD88));
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFEEBB', EndColorStr='#FFDD88');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFEEBB', EndColorStr='#FFDD88')";
}
.orangePale h3 {text-shadow: #FFF 0 1px 0}
.orangePale div.sep {background:transparent url(../images/sepOrange.gif) repeat-x scroll 0 0;height:5px;margin:0 10px;clear: right}
/* @end Orange */

/* @group Vert */
.vertPale {background-color:#DEFFDE;/*AFA*/
color:#181}
.vertPale a {color:#181}
.vertPale h2 {background-color: #AFA;text-shadow: #FFF 0 1px 0;
 background-image: -moz-linear-gradient(top, #DEFFDE, #AAFFAA); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #DEFFDE),color-stop(1, #AAFFAA));
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#DEFFDE', EndColorStr='#AAFFAA');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DEFFDE', EndColorStr='#AAFFAA')";
}
.vertPale hr {margin:0 auto;background:url(../images/separateur-vert.png) 50% 50% no-repeat;height:13px;border:0}
.vertPale div.sep {background:transparent url(../images/sepVert.gif) repeat-x scroll 0 0;
	height:5px;margin:0 10px;clear: right}
/* @end Vert */

/* @group Violet */
.violet {background-color:#F7DEFF;color:#508}
.violet h2 {
background-color: #EBF;text-shadow: #F2DBFF 0 1px 0;/* -khtml-border-radius: 6px;	*/
background-image: -moz-linear-gradient(top, #F7DEFF, #EEBBFF); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F7DEFF),color-stop(1, #EEBBFF));
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7DEFF', EndColorStr='#EEBBFF');
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7DEFF', EndColorStr='#EEBBFF')";      
}

.violet a {color:#508}
.violet hr {margin:0 auto;background:url(../images/separateur-violet.png) 50% 50% no-repeat;height:13px;border:0}
.violet div.sep {background:transparent url(../images/sepViolet.gif) repeat-x scroll 0 0;height:5px;margin:0 10px;clear: right}
/* @end Violet */
/* @group Rose */
.rose {
background-color:#FFDEEE;/*FBD*/
color:#805}
.rose a {color:#805}
.rose h2 {background-color: #FBD;text-shadow: #F2DBFF 0 1px 0;
background: -webkit-gradient(linear, left top, left bottom, from(#FFDEEE), to(#FBD));
background: -moz-linear-gradient(left top, left bottom, from(#FFDEEE), to(#FBD));
}
.rose div.sep {background:transparent url(../images/sepOrange.gif) repeat-x scroll 0 0;height:5px;margin:0 10px;clear: right}
/* @end Rose*/
/* @group Rouge */
.rouge {
background-color:#FFDEDE;/*FBB*/
color:#C00}
/*.rouge p {padding: 10px}*/
.rouge a {color:#C00}
.rouge img {vertical-align:text-bottom}
.rouge h2 {
	background-color: #FBB;/*F88*/
	text-shadow: #FFF 0 1px 0;
	background-image: -moz-linear-gradient(top, #FFDEDE, #FFBBBB);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFDEDE),color-stop(1, #FFBBBB));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFDEDE', EndColorStr='#FFBBBB');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFDEDE', EndColorStr='#FFBBBB')";
	}
.rouge div.sep {background:transparent url(../images/sepOrange.gif) repeat-x scroll 0 0;height:5px;margin:0 10px;clear: right}
/* @end Rouge */

/* @group Gris */
.gris {background-color: #f2f2f2;color:#333}
.gris a {color:#333}
.gris h2 {
	background-color: #ccc;
	text-shadow: #EEE 0 1px 0;	
	background-image: -moz-linear-gradient(top, #f2f2f2, #CCCCCC);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f2f2f2),color-stop(1, #CCCCCC));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2f2', EndColorStr='#CCCCCC');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2f2', EndColorStr='#CCCCCC')";	
	}
.gris div.sep {background:transparent url(../images/sepOrange.gif) repeat-x 0 0;height:5px;margin:0 10px;clear: right}
/* @end Gris */

/*http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html*/

/* @end Colores */

.clear {overflow: hidden;width: 100%}
.todoCabe {margin:0 auto;width:960px;overflow:hidden}
.rounded {margin-bottom:15px;padding-bottom: 5px}
.centre {margin:0 auto}
.imgfl {float:left;margin:0 10px 5px 0}
.imgfr {float:right;margin:0 0 0 10px}
.petit {font-size:90%}
.masGrande {font-size:110%}
.negrita {font-weight: bold}
.resaltado {font-weight: bold;font-size: 110%}
.opaca {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=20);-khtml-opacity: 0.2;-moz-opacity: 0.2;opacity: 0.2;margin-bottom:10px}
.derecha {text-align: right}
.izquierda {text-align: left}
.centrado {text-align: center}
.miniNav a{font-weight: bold; text-align: right;text-shadow: #FFF 0 1px 0;}
.flr{float: right}
.fll{float: left}
.decomap {float:right;margin:27px 35px 0 0}

/* @group Classes */

::-moz-selection {background:#FF0;color:#444}
::selection {background:#FF0;color:#444}
a::-moz-selection {background:#FF0;color:#444}
a::selection {background:#FF0;color:#444}
/* @end Classes */

/* @group Slider */
.clienteSlider {}
.clienteSlider a.botviolet {float: right;margin: 2px 5px 0 0}
.clienteSlider h3 {text-shadow: #F2DBFF 0 1px 0}
.clienteSlider img {margin-bottom: 5px;}

/* @end */
.test {float: left;width: 450px;margin-right: 10px}
.rojo {color: #C00}