/***********************************/
/* IMPORTEM EL CSS DEL BLUEPRINT   */
/***********************************/
@import url("blueprint.css");
@import url("base.css");
/***********************************/

/*GENERAL*/
h2{ margin:25px 0 10px 25px; padding-left:25px; font-size:16px; background: url(../images/h2_detail.jpg) no-repeat left; text-align: left;}
div.ordenacion a{ text-align: left; margin-right:3px; font-size: 12px; color: #c4245c;}
div.ordenacion a:hover,div.ordenacion a.active{ color: #FFF;}
div.ordenacion p{margin: 30px 0 10px 0;}
/* LAYOUT */
html,body{ background: #121212 url(../images/background.jpg) repeat-x top left; font-size:11px; color:#c3235b; text-align: center;}
a{text-decoration: none; outline: none;}
div#shadow{ margin: 0 auto; width:670px; background: url(../images/shadow_content.jpg) repeat-y top left;}
div#general{ margin: 0 auto; width:670px; height:310px; background: url(../images/shadow_top2.png) no-repeat top left !important; background: none; filter: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/shadow_top2.png');}
div#header{ margin-left:13px; }
div#header div.logo{ background: url(../images/logo.jpg) no-repeat top left; height:274px; }
div#header div.menu{ background-color:#000; height:45px; }
div#content{ background-color: #1c1c1c; border-top:1px solid #2e2e2e; min-height:580px; height:auto !important; height:580px;}
div#footer{ margin:0 auto; height:42px; background: url(../images/footer.jpg) no-repeat top left;}
div#footer p{ color:#999; padding-top:15px; font-size: 10px; margin: 0 auto; width:100%; text-align: center;}
div#footer a{ color:#999; margin-left: 3px;}
	
/*MENU*/
div#header div.menu ul{ margin:11px 0 0 35px; padding:0; position: relative;}
div#header div.menu ul li{ float:left; list-style: none; margin-left:10px;}
div#header div.menu ul li a{ display:block; color:#e01f63; width:100px; text-decoration: none; height:26px; padding-top:9px;}
div#header div.menu ul li.first{ margin-left:0;}
div#header div.menu ul li a.last{width:125px;}
div#header div.menu ul li a:hover,div#header div.menu ul li a.active{ color:#FFF; font-weight:bold; background: url(../images/background_menu.jpg) repeat-x top left;}

/*TYPO*/
h2{ margin:25px 0 10px 25px; padding-left:25px; font-size:18px; background: url(../images/h2_detail.jpg) no-repeat top left; text-align: left;}

/*COLORS*/
.blanc { color:#FFF !important; }
.rosa { color:#E01F63 !important; }
.gris { color:#B9B9B9 !important; }

/*GENERAL*/
.fletxa-rosa { height:11px; padding-left:13px; background:url(../images/a_detail.jpg) no-repeat left; }
.negreta { font-weight:bold !important; }
.esquerra { text-align:left !important; }

/*HOME*/
div.portada{ margin:0;}
div.portada ul{ margin:0; padding:0;}
div.portada ul li{ list-style:none; float:left; margin-bottom:20px; margin-left:35px;}
div.portada ul li a { display:block; }
div.portada ul li a img{ border:2px solid #c4245c;}
div.portada ul li a.ficha{ text-align:right; display:block; padding-right:10px; font-weight:bold; color: #b9b9b9; background: url(../images/a_detail.jpg) no-repeat right;}
div.portada ul li p{ text-align:right; font-weight:bold; font-size:12px; margin:5px 0;}
div.portada div.banner a { display:block; text-align:center; }
div.portada div.banner a img{ margin:5px 0!important; border:none; }

/*SERVEIS*/
div.serveis{ text-align:left;}
div.serveis h3 { margin:20px 0 10px 55px; font-size:16px; }
div.serveis .column-small, div.serveis .column-medium, div.serveis .column-big { position:relative; margin:0 0 0 55px; _margin:0 0 0 26px; padding:5px; }
div.serveis .column-small { width:226px; height:339px; background:url(../images/book_small.jpg) no-repeat top left; }
div.serveis .column-medium { width:524px; height:271px; background:url(../images/book_medium.jpg) no-repeat top left; }
div.serveis .column-big { width:539px; height:473px; background:url(../images/book_big.jpg) no-repeat top left; }
div.serveis .right{ _margin-left: 60px;}
div.serveis .column-small h3, div.serveis .column-medium h3, div.serveis .column-big h3{ margin:0; color:#FFF; font-weight:bold; font-size:14px; }
div.serveis .column-small h3{ width:226px; }
div.serveis .column-medium h3{ width:524px; }
div.serveis .column-big h3{ width:529px; }
div.serveis .column-small .bottom, div.serveis .column-medium .bottom { position:absolute; right:0; height:40px; }
div.serveis .column-small .bottom{ top:291px; width:236px; }
div.serveis .column-medium .bottom{ top:237px; width:524px; }
div.serveis .column-small .bottom p, div.serveis .column-medium .bottom p { margin:0; font-size:11px; color:#FFF; text-align:right; }
div.serveis .column-small .bottom p span, div.serveis .column-medium .bottom p span { font-size:18px; }
div.serveis .column-small ul, div.serveis .column-medium ul, div.serveis .column-big ul{ margin:10px 0 0 0; padding:0; width:226px; }
div.serveis .column-small ul{ width:226px; }
div.serveis .column-medium ul{ width:524px; }
div.serveis .column-big ul{ width:529px; }
div.serveis .column-small ul li, div.serveis .column-medium ul li, div.serveis .column-big ul li { margin-bottom:5px; *margin-bottom:3px; color:#FFF; list-style:none; padding-left:10px; background: url(../images/list_detail.png) no-repeat top left !important; background:none; filter:none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/list_detail.png'); }
div.serveis .column-small ul li{ width:216px; }
div.serveis .column-medium ul li{ width:514px; }
div.serveis .column-big ul li{ width:514px; }
div.serveis .column-big ul li ul.no-style { margin:5px 0 10px 0; *margin:5px 0 0 0; }
div.serveis .column-big ul li ul.no-style li { background:none !important; width:504px; }
div.serveis .column-big ul li span { font-size:14px; font-weight:bold; }
div.serveis .iva{ height:100px; margin:10px 0 0 10px; _margin:20px 0 0 10px; color: #a7a7a7; font-size: 12px;}

/*CONTACTA*/
div.contact{ text-align:left;}
div.contact p{ color:#FFF; margin:20px 0 0 26px; font-weight: bold; width:435px;}
div.contact label{ display:block; float:left; margin:10px 0 0 26px; padding-left:12px; width:130px; height:19px; line-height:19px; font-weight:bold; background: url(../images/form_detail.jpg) no-repeat center left;}
div.contact input,div.contact textarea{ float:left; margin:10px 0 0 0; width:350px; border:1px solid #c4245c; background-color:#111; color:#FFF;}
div.contact div.form{ margin-top:20px;}
div.contact div.form p{ float:left; width:600px;}
div.contact div.form a{ display:block; float:left; margin:30px 0 0 330px; padding-top:3px; background: url(../images/submit_detail.jpg) no-repeat top right; width:67px; height:42px; color:#c3235b; font-weight: bold;}
div.contact div.form img{ float: left; margin: 10px 0 0 25px;}
div.contact div.form input.captcha{ margin: 15px 0 0 45px; width:100px; color:#FFF;}
div.contact div.form .form_error { margin-left:35px; }

/*LEGAL*/
div.legal{ text-align: left;}
div.legal p{ text-align:justify; color:#FFF; margin:20px 0 0 26px; font-weight: bold; width:593px;}

/*MODELS*/
div.models{ text-align: left;}
div.photo{ margin:20px 0 0 30px; border:5px solid #c4245c; width:570px;}
div.models ul{ margin-top:20px;}
div.models ul li{ margin:10px 0 0 5px; list-style-image: url(../images/form_detail.jpg);}
div.models ul li p.info{color:#C3235B; margin:0; }
div.models ul li p.info span,div.models ul li p{ font-weight: bold; color:#FFF; margin:0; margin-left: 10px;}
div.models ul li div.descripcion p{ margin:10px 0; width:550px;}
div.booker{ margin:20px 0 0 30px; text-align: left;}
div.booker img { border:none }

div.galeria{ margin:0 0 0 25px;}
div.galeria ul{ margin:0; padding:0;}
div.galeria ul li{ list-style: none; float:left; margin:8px; border: 3px solid #c4245c; width: 95px; height: 95px; overflow: hidden; text-align: center;}
div.galeria ul li img{ border: none;}

div.volver{ margin:10px 0;}
div.volver a{ display:block; float:right; margin-top:20px; margin-right:40px; padding-top:3px; padding-left:20px; font-weight:bold; height:40px; text-align:left; background: url(../images/anterior.jpg) no-repeat top left; color:#C3235B;}

/*PAGINADOR*/
div.paginador{ margin:20px 0 30px 0;}
div.paginador a{ font-size: 12px; border:1px solid #747474; color:#747474; padding:4px;}
div.paginador span, div.paginador a:hover{ font-size: 12px; border:1px solid #c4245c; color:#c4245c; padding:4px;}
div.paginador a.fletxa,div.paginador a.fletxa img.image_fletxa{border:none;}
div.paginador a.fletxa img.image_fletxa{ margin-top: 20px;}