@charset "utf-8";
/* CSS Document */

.body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.wrap {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.wrapINDEX {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}
#BACKweb {
	background-image: url(images/conception-web-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#BACKcontact {
	background-image: url(images/contact-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#BACKvisuelle {
	background-image: url(images/identite-visuelle-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#BACKatelier {
	background-image: url(images/atelier-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#BACKindex {
	background-image: url(images/index-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#BACKportfolio {
	background-image: url(images/portfolio-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#BACKportfolioEACH {
	background-image: url(images/EACH-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.header {
	height: 123px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14.5px;
	color: #FFFFFF;
	text-align: center;
}
.headerINDEX {
	height: 262px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}


#HEADERweb {
	background-image: url(images/header-conception-web.jpg);
}
#HEADERwebES {
	background-image: url(images/header-ES-web.jpg);
}

#HEADERcontact {
	background-image: url(images/header-contact.jpg);
}
#HEADERcontactoES {
	background-image: url(images/header-ES-contacto.jpg);
}


#HEADERvisuelle {
	background-image: url(images/header-identite-visuelle.jpg);
}
#HEADERvisuelleES {
	background-image: url(images/header-ES-identidad.jpg);
}
#HEADERatelier {
	background-image: url(images/header-atelier.jpg);
}
#HEADERatelierES {
	background-image: url(images/header-ES-taller.jpg);
}

#HEADERindex {
	background-image: url(images/header-index.jpg);
}

#HEADERportfolio {
	background-image: url(images/header-portfolio.jpg);
}
#HEADERportfolioES {
	background-image: url(images/header-ES-portafolio.jpg);
}

.menu {
	height: 37px;
	width: 655px;
	padding-top: 8px;
	float: left;
}
.menu a {
	text-decoration: none;
	color: #FFFFFF;
}
.menu a:hover {
	color: #FF3300;
}
.logo {
	background-image: url(images/logo-web.jpg);
	background-repeat: no-repeat;
	background-position: left;
	float: right;
	height: 110px;
	width: 233px;
}
.logo:hover {
	background-position: right;
}
#LOGOvisuelle {
	background-image: url(images/logo-visuelle.jpg);
}
#LOGOvisuelleES {
	background-image: url(images/logo-ES-visual.jpg);
}
#LOGOweb {
	background-image: url(images/logo-web.jpg);
}
#LOGObienvenidoES {
	background-image: url(images/logo-ES-bienvenido.jpg);
}
#LOGOcontactoES {
	background-image: url(images/logo-ES-contacto.jpg);
}
#LOGOwebES {
	background-image: url(images/logo-ES-web.jpg);
}
#CONTENIDOwebES {
	background-image: url(images/contenido-ES-web.jpg);
}



#LOGOatelier {
	background-image: url(images/logo-atelier.jpg);
}
#LOGOatelierES {
	background-image: url(images/logo-ES-taller.jpg);
}
#CONTENIDOatelierES {
	background-image: url(images/contenido-ES-taller.jpg);
}

#LOGOindex {
	background-image: url(images/logo-index.jpg);
}


#LOGOcontact {
	background-image: url(images/logo-contact.jpg);
}
#LOGOportfolioES {
	background-image: url(images/logo-ES-portafolio.jpg);
}

#LOGOportfolio {
	background-image: url(images/logo-portfolio.jpg);
}

.banner {
	height: 374px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/banner-back.jpg);
	background-repeat: no-repeat;
}
.bannerINDEX {
	height: 207px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/banner-INDEX.jpg);
	background-repeat: no-repeat;
}

.BANNERtexto {
	height: 323px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	padding-top: 41px;
	text-align: justify;
	float: left;
}
.BANNERtexto a {
	color: #333333;
	text-decoration: none;
}
.BANNERtexto a:hover {
	color: #FF3300;
}


#BANNERportfolio {
	background-image: url(images/banner-back-portfolio.jpg);
	height: 431px;
}
#BANNERportfolioES {
	background-image: url(images/banner-portfolio-ES.jpg);
	height: 431px;
}

#BANNERhome {
	background-image: url(images/banner-home.jpg);
}
#BANNERhomeES {
	background-image: url(images/banner-ES-bienvenido.jpg);
}
#BANNERhomeUK {
	background-image: url(images/banner-UK-welcome.jpg);
}


#BANENRatelier {
	background-image: url(images/banner-atelier.jpg);
}
#BANENRatelierES {
	background-image: url(images/banner-atelier-ES.jpg);
}


#BANNERcontact {
	background-image: url(images/banner-contact.jpg);
}
#BANNERcontactoES {
	background-image: url(images/banner-ES-contacto.jpg);
}

#BANNERindex {
	background-image: url(images/banner-home.jpg);
}
#BANNER-id-pilates {
	background-image: url(images/banner-id-pilates.jpg);
	height: 431px;
}
#BANNER-id-pilates-ES {
	background-image: url(images/banner-id-pilates-ES.jpg);
	height: 431px;
}

#BANNER-id-bubbles {
	background-image: url(images/banner-id-bubbles.jpg);
	height: 431px;
}

#BANNER-id-bubbles-ES {
	background-image: url(images/banner-id-bubbles-ES.jpg);
	height: 431px;
}

#BANNER-id-salies {
	background-image: url(images/banner-id-salies.jpg);
	height: 431px;
}
#BANNER-id-salies-ES {
	background-image: url(images/banner-id-salies-ES.jpg);
	height: 431px;
}

#BANNER-id-concrete {
	background-image: url(images/banner-id-concrete.jpg);
	height: 431px;
}
#BANNER-id-concrete-ES {
	background-image: url(images/banner-id-concrete-ES.jpg);
	height: 431px;
}

#BANNER-id-cartes {
	background-image: url(images/banner-id-cartes.jpg);
	height: 431px;
}
#BANNER-id-cartes-ES {
	background-image: url(images/banner-id-tarjetas-ES.jpg);
	height: 431px;
}

#BANNER-id-greenearth {
	background-image: url(images/banner-id-greenearth.jpg);
	height: 431px;
}
#BANNER-id-greenearth-ES {
	background-image: url(images/banner-id-greenearth-ES.jpg);
	height: 431px;
}

#BANNER-id-bottega {
	background-image: url(images/banner-id-bottega.jpg);
	height: 431px;
}
#BANNER-id-bottega-ES {
	background-image: url(images/banner-id-bottega-ES.jpg);
	height: 431px;
}
#BANNER-web-pilates {
	background-image: url(images/banner-web-pilates.jpg);
	height: 431px;
}
#BANNER-web-pilates-ES {
	background-image: url(images/banner-web-pilates-ES.jpg);
	height: 431px;
}



#BANNER-web-bubbles {
	background-image: url(images/banner-web-bubbles.jpg);
	height: 431px;
}

#BANNER-web-bubbles-ES {
	background-image: url(images/banner-web-bubbles-ES.jpg);
	height: 431px;
}

#BANNER-web-bottega {
	background-image: url(images/banner-web-bottega.jpg);
	height: 431px;
}
#BANNER-web-bottega-ES {
	background-image: url(images/banner-web-bottega-ES.jpg);
	height: 431px;
}

#BANNER-web-concrete {
	background-image: url(images/banner-web-concrete.jpg);
	height: 431px;
}
#BANNER-web-concrete-ES {
	background-image: url(images/banner-web-concrete-ES.jpg);
	height: 431px;
}

#BANNER-web-jeremy {
	background-image: url(images/banner-web-jeremy.jpg);
	height: 431px;
}
#BANNER-web-jeremy-ES {
	background-image: url(images/banner-web-jeremy-ES.jpg);
	height: 431px;
}

#BANNER-web-camila {
	background-image: url(images/banner-web-camila.jpg);
	height: 431px;
}
#BANNER-web-camila-ES {
	background-image: url(images/banner-web-camila-ES.jpg);
	height: 431px;
}

#BANNER-web-olives {
	background-image: url(images/banner-web-olives.jpg);
	height: 431px;
}
#BANNER-web-olives-ES {
	background-image: url(images/banner-web-olives-ES.jpg);
	height: 431px;
}






.PORTfotos {
	height: 330px;
	width: 1000px;
	overflow: auto;
	float: left;
}

.diapo {
	height: 350px;
	width: 500px;
	float: right;
	margin-top: 15px;
}
.INDEXlanguages {
	height: 147px;
	width: 299px;
	padding-top: 27px;
}
.INDEXlanguagesEACH {
	height: 49px;
	width: 299px;
	background-repeat: no-repeat;
	background-position: left;
}
.INDEXlanguagesEACH:hover {
	background-position: right;
}

#INDEXlanguagesFR {
	background-image: url(images/INDEX-bienvenue.jpg);
}
#INDEXlanguagesES {
	background-image: url(images/INDEX-bienvenido.jpg);
}
#INDEXlanguagesUK {
	background-image: url(images/INDEX-welcome.jpg);
}

.INDEXmenu {
	width: 415px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 65px;
}
#INDEXmenu-atelier {
	background-image: url(images/index-atelier.png);
}
#INDEXmenu-web {
	background-image: url(images/index-web.png);
}
#INDEXmenu-visuelle {
	background-image: url(images/index-visuelle.png);
}
#INDEXmenu-portfolio {
	background-image: url(images/index-portfolio.png);
}

#INDEXmenu-contact {
	background-image: url(images/index-contact.png);
}
#INDEXmenu-ES-taller {
	background-image: url(images/bienvenido-taller.png);
}
#INDEXmenu-ES-web {
	background-image: url(images/bienvenido-web.png);
}
#INDEXmenu-ES-visual {
	background-image: url(images/bienvenido-identidad.png);
}
#INDEXmenu-ES-contacto {
	background-image: url(images/bienvenido-contacto.png);
}
#INDEXmenu-ES-portafolio {
	background-image: url(images/bienvenido-portafolio.png);
}



.INDEXmenu:hover {
	background-position: right;
}

#listado   {
	list-style-image: none;
	list-style-type: none;
}

/*comienza css slider*/
#s3slider {
	width: 500px; /* important to be same as image width */
	height: 340px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden;
}

#s3sliderContent {
	width: 500px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage  a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}


.s3sliderImage span {
	position: absolute; /* important */
	left: 0px;
	width: 500px;
	color: #333333;
	display: none; /* important */
	bottom: -7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
	text-align: left;
}
.clear {
   clear: both;
} 

.bottom {
	bottom: 0;
	left: 5px;
}
/*termina css slider*/
.contenido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	height: 503px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	line-height: 112%;
	text-align: justify;
}
.contenidoINDEX {
	height: 121px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#contenidoCAJAtextoCONTACT {
	line-height: 90%;
}

#CONTENIDOvisuelle {
	background-image: url(images/contenido-visuelle.jpg);
}

#CONTENIDOvisuelleES {
	background-image: url(images/contenido-ES-visual.jpg);
}

#CONTENIDOportfolio {
	background-image: url(images/contenido-portfolio.jpg);
	height: 446px;
}
#CONTENIDOportfolioES {
	background-image: url(images/contenido-ES-portafolio.jpg);
	height: 446px;
}

#CONTENIDOportfolioWEB {
	background-image: url(images/contenido-portfolio-web.jpg);
	height: 513px;
}
#CONTENIDOportfolioWEB-ES {
	background-image: url(images/contenido-portfolio-web-ES.jpg);
	height: 513px;
}

#CONTENIDOportfolioID {
	background-image: url(images/contenido-portfolio-id.jpg);
	height: 513px;
}
#CONTENIDOportfolioID-ES {
	background-image: url(images/contenido-portfolio-id-ES.jpg);
	height: 513px;
}




#CONTENIDOweb {
	background-image: url(images/contenido-web.jpg);
}
#CONTENIDOatelier {
	background-image: url(images/contenido-atelier.jpg);
}
#CONTENIDOcontact {
	background-image: url(images/contenido-contact.jpg);
}
#CONTENIDOcontactoES {
	background-image: url(images/contenido-ES-contacto.jpg);
}

#CONTENIDOindex {
	background-image: url(images/contenido-index.jpg);
}



.CONTENIDOcajatexto {
	height: 125px;
	width: 530px;
	padding-top: 70px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.CONTENIDOcajatexto a {
	color: #333333;
	text-decoration: none;
}
.CONTENIDOcajatexto a:hover {
	color: #FF3300;
}

.aire {
	height: 25px;
	width: 500px;
}
.aire2 {
	height: 60px;
	width: 800px;
}
.aire3 {
	width: 800px;
	height: 55px;
}
.aire4 {
	height: 70px;
	width: 800px;
}
.aire5 {
	width: 500px;
	height: 53px;
}



.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 67px;
	width: 988px;
	margin-right: auto;
	margin-left: auto;
	background-color: #333333;
	padding-top: 0px;
	padding-left: 12px;
	line-height: 190%;
}
.footer a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FF3300;
}
.footerTEXT {
	float: left;
	width: 750px;
	padding-top: 11px;
}
.footerLOGO {
	background-image: url(images/logo-footer.jpg);
	background-position: left;
	float: right;
	height: 65px;
	width: 135px;
	background-repeat: no-repeat;
}
.footerLOGO:hover {
	background-position: right;
}

/* CSS FONDO RAMDOM INDEX */
.svw {
	width: 50px; 
	height: 20px; 
	background: #fff;
}

.svw ul {
    position: relative; 
	left: -999em;
}
.stripViewer { 
position: relative; 
overflow: hidden; 
border: 0px; 
margin: 0 0 1px 0; 
} 

.stripViewer ul { /* this is your UL of images */ 
margin: 0; padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 

.stripViewer ul li { 
float:left; 
} 

.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 

.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
}

.stripTransmitter ul li{ 
width: 20px; 
float:left;
margin: 0 1px 1px 0; 
} 

.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 

.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 
/* FIN CSS FONDO RAMDOM INDEX */