@import "http://fonts.googleapis.com/css?family=Pontano+Sans|Ubuntu";

/*---+ Your styles go on this file +---*/
/*===== Primary Styles =======================================================*/
/*===== Author: GTA Internet Marketing ~  http://www.gtama.com ===============*/
/*============================================================================*/
/*Yet another change... omg... these guys can wear down a developer*/
/* ------------ Tags ------------ */
* {
padding:0;
margin:0
}

body {
background:url(../imagenes/back_1.jpg);
font-family:'Pontano Sans',Arial,Sans;
line-height:1.25
}

p {
margin-bottom:10px;
padding:0
}

h2 {
}

h3 {
}

a {
}

a:hover {
}

ul {
margin:0 15px 10px
}

ul li {
}

ol {
}

ol li {
}

li {
}

strong {
}

img {
border:none
}

/* ------------ Secciones ------------ */
#container {
margin:0 auto;
width:970px;
background:#C0C2BB;
-moz-box-shadow:0 0 20px #666;
-webkit-box-shadow:0 0 20px #666;
box-shadow:0 0 20px #666
}

/* ------------ Header ------------ */
#wrapper1 {
}

#header {
position:relative
}

#header h1 {
clear:both;
margin-left:3px
}

#header h1 a {
}

.slogan {
background:url(../imagenes/slogan_bacl_1.png) no-repeat left top;
padding:0 0 39px 16px;
left:-16px;
position:relative
}

.slogan span {
font-family:"Ubuntu",Helvetica,Arial;
font-size:15px;
font-weight:400;
color:#FFF;
background-color:#7E867F;
padding:3.8px 17px 3.8px 130px;
float:left;
margin-bottom:38px;
display:block
}

.idioma {
padding:0 15px 0 8px;
float:left;
background:#FFF url(../imagenes/idioma_back_1.jpg) no-repeat right top;
margin:11px 0 35px;
line-height:17px
}

.idioma a {
color:#7E867F;
display:block;
font-size:9px;
font-weight:700;
text-decoration:none
}

.idioma a:hover {
color:#262262
}

.social {
position:absolute;
top:11px;
right:17px;
list-style:none;
margin:0;
padding:0
}

.social li {
float:left;
margin-left:7px
}

/* ------------ Navegacion ------------ */
#nav {
clear:both
}

#nav ul {
list-style:none;
margin:0 15px;
padding:0;
overflow:hidden;
width:920px;
margin:0 auto
}

#nav ul li {
float:left;
border-left:1px solid #FFF
}

#nav ul li.ultimo {
border-right:1px solid #FFF
}

#nav ul li a {
font-size:15.7px;
	font-weight:400;
	text-transform:uppercase;
	display:block;
	padding:10px 25.5px;
	color:#262262;
	text-decoration:none
}

#nav ul li a:hover {
background:#CCC
}

/* ------------ Cuerpo ------------ */
#cuerpo {
clear:both
}

/* ------------ Contenido ------------ */
#cuerpo {
}

.contenido {
padding:15px
}

.col_1 {
float:left;
width:625px;
min-height:570px;
margin-bottom:15px;
background-color:#FFF
}

.col_1 .interior {
padding:15px
}

.col_head {
background-color:#7E867F;/*#40627b <OLD>*/
padding:10px 15px
}

.col_head h1 {
text-transform:uppercase;
font-weight:700;
font-size:17.5px;
color:#FFF
}

.col_2 {
float:right
}

.col_2 ul {
margin:0;
padding:0;
list-style:none
}

.col_2 ul li {
margin-bottom:10px
}

.col_2 ul li.subscribete {
background:#D1D1CC;
border:1px solid #FFF;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}

.col_2 ul li.subscribete form {
padding:10px
}

.col_2 ul li.subscribete form p {
font-size:16px;
font-weight:700;
color:#58585a;
margin-bottom:6px
}

#subscribere {
height:25px;
background:#E9E9E9;
border-radius:5px;
float:left;
margin-right:4px;
width:230px
}

.col_2 .der li {
background:url(../imagenes/arrow_1.png) no-repeat left
}

.col_2 .der li {
border-top:1px solid #7e867f;
padding:4px 0 4px 14px;
margin:0;
list-style:none
}

.col_2 .der li a {
font-size:15px;
font-weight:700;
text-decoration:none;
font-style:none;
color:#036
}

.col_2 .der {
border-bottom:1px solid #7e867f;
margin-top:19px
}

#boton_subs_1 {
border:1px #C1C1C0 solid
}

.col_3 {
clear:both;
border:solid 1px #FFF;
background:#95AAA5;
}

.col_3 img {
}

/* ------------ About ------------ */
.col_1 h2 {
text-transform:underline,uppercase;
color:#40627b;
font-size:18.5px
}

.col_1 .company {
text-transform:uppercase;
color:#40627b;
font-size:16px
}

.col_1 p {
font-size:16px;
color:#000
}

.col_1 ul li {
font-size:14px;
color:#000;
line-height:1.15;
margin:0;
padding:0;
list-style-image:url(../imagenes/bullet1.png)
}

.col_1 ul li.normal, .col_1 ul li.normal2 {
font-size:16px;
color:#000;
line-height:1.25;
margin:0;
padding:0;
list-style-image:url(../imagenes/bullet1.png)
}

.col_1 li>p {
font-size:14px;
color:#000
}

.col_1 li.normal>p {
font-size:16px;
color:#000;
}

.col_1 li.normal2>p{
	font-size:16px;
	color:#000;	
	padding-bottom:10px;
}

.col_1 ul li.normal ol li.normal, .col_1 ul li.normal2 ol li.normal2{list-style-image: none;font-size:15px;}
.col_1 ol li.normal>p, .col_1 ol li.normal2>p{
	font-size:15px;
	color:#000;	
	padding-bottom:10px;
}

.col_1 h2+br+p,.col_1 h2+br+p+p,.col_1 p+br+p,.col_1 blockquote+p,.col_1 h2+br+p+p+br+p+p,.col_1 h2+br+p+p+br+p,.col_1 h2+p+p,.col_1 h2+p,.col_1 h2+p+p+p {
padding-left:16px
}

/* ------------ Cuidado ------------ */
.interior_lavado {
padding:15px
}

.interior_lavado p {
padding:5px
}

/* ------------ Catalogo ------------ */
.catalogo h2 {
padding:0 0 0 15px
}

.info_escolares {
padding:30px
}

.info_escolares h3 {
font-size:12px
}

.info_escolares p {
font-size:12px;
padding:4px
}

.img_escolares1 {
margin:0 15px;
border-bottom:6px solid #40627B
}

.img_escolares2 {
margin:0 15px;
border-bottom:6px solid #40627B
}

.img_escolares3 {
margin:0 15px;
border-bottom:6px solid #40627B
}

/* ------------ Uniforme ------------ */
.uniforme2 {
margin:0 15px;
border-bottom:6px solid #40627B
}

.uniforme1 {
margin:0 15px;
border-bottom:0 solid #40627B
}

/* ------------ Calzado ------------ */
.calzado1_foto {
float:center;
padding:15px
}

.calzado2_foto {
float:center;
padding:15px
}

.calzado3_foto {
float:center;
padding:15px
}

/* ------------ Textiles ------------ */
.textil1_foto {
float:left
}

.textiles {
padding:15px 0;
margin:0 15px;
border-bottom:6px solid #40627B;
font-size:12px
}

.textil1 {
float:right;
padding:15px 0 15px 15px;
width:314px
}

.textil2_foto {
float:left;
}

.nanopel {
padding:15px 0;
margin:0 15px;
border-bottom:6px solid #40627B;
font-size:12px
}

.textil2 {
float:left;
padding:15px 0 15px 30px;
width:310px
}

.textil3_foto {
float:left;
padding-left:20px
}

.sunsmart {	
padding:15px 0;
margin:0 15px;
border-bottom:6px solid #40627B;
font-size:12px
}

.textil3 {
float:right;
padding:15px 0 15px 40px;
width:300px
}

.textil4_foto {
float:left;
padding-left:20px
}

.smartdry {
padding:15px 0;
margin:0 15px;
border-bottom:0 solid #40627B;
font-size:12px
}

.textil4 {
float:left;
padding:15px 0 15px 26px;
width:300px
}

/* ------------ Centros de Servicio ------------ */
.roosevelt.location{
	background-color:#dddedb;
	padding:15px;
}
.roosevelt {
	margin:15px;
}

.roosevelt_info {
	float:left;
	padding:0 0;
	width:38%;

}
.roosevelt .roosevelt_info p{
	font-size: 13.1px;
	margin:0;
	padding:0;
}

.roosevelt_map {
float:right;
padding:0;
}

/* ------------ Footer ------------ */
#footer {
padding:30px 15px;
background:#7E867F;
height:40px;
color:#FFF
}

#footer p {
margin:0
}

#footer .info {
float:left;
width:227px;
border-right:1px #FFF solid;
font-size:16px;
font-weight:700
}

#footer .ubicaciones {
float:left;
list-style:none;
margin:0
}

#footer .ubicaciones li {
float:left;
font-size:10px;
margin-right:10px
}

/* ------------ General ------------ */
.centrar {
text-align:center
}

.no_info {
color:#272727;
background:#FFF;
padding:5px;
text-align:center
}

.no_info strong {
color:#C00;
text-transform:uppercase
}

.clear {
clear:both
}

.clear2 {
clear:both;
padding-top:10px
}

/* Paginacion */
.paginacion {
background:#FFF;
text-align:center;
padding:5px;
margin-top:10px;
margin-bottom:10px;
border:1px solid #CCC;
color:#666;
margin-right:20px;
margin-left:20px;
clear:both
}

.paginacion a {
text-decoration:none
}

.paginacion a:hover {
color:#008DDF
}

.paginacion img {
border:0
}

/* Breadcrum */
.breadcrum_ul {
margin:0 0 15px
}

.breadcrum_ul li {
float:left;
margin:0 5px;
font-size:11px;
list-style:none
}

.breadcrum_ul li a {
padding-right:15px;
background:url(../../piubello/imagenes/bullet2.png) no-repeat right center
}

/* tipos de archivos */
.archivos_mime_imagen {
background:url(../../piubello/admin/imagenes/iconos/image.png) no-repeat 8px center
}

.archivos_mime_pdf {
background:url(../../piubello/admin/imagenes/iconos/pdf.png) no-repeat 8px center
}

.archivos_mime_doc {
background:url(../../piubello/admin/imagenes/iconos/page_word.png) no-repeat 8px center
}

.archivos_mime_xls {
background:url(../../piubello/admin/imagenes/iconos/page_excel.png) no-repeat 8px center
}

.archivos_mime_ppt {
background:url(../../piubello/admin/imagenes/iconos/page_white_powerpoint.png) no-repeat 8px center
}

.archivos_mime_swf {
background:url(../../piubello/admin/imagenes/iconos/page_white_flash.png) no-repeat 8px center
}

.archivos_mime_gen {
background:url(../../piubello/admin/imagenes/iconos/page.png) no-repeat 8px center
}

.archivos_a {
display:block;
padding-left:33px;
padding-top:3px;
padding-bottom:4px;
margin-bottom:4px;
border:1px solid #DDD;
background-color:#EBF3FA;
text-decoration:none
}

.archivos_a:hover {
background-color:#FFFFE8
}

#accordion, #accordion2 {
height:100%;
width:100%
}
#accordion .titulo, #accordion2 .titulo2{
	text-transform: uppercase;
	font-family: "Ubuntu";
	font-weight:400;
	background-image:url(../imagenes/titlebarbg.png);
	padding:7px;	
}
#accordion .active, #accordion2 .active{
	background-image:url(../imagenes/titlebarbg-active.png);
}
#accordion .titulo, #accordion2 .titulo2 {
background-color:#DDD;
/*border-bottom:1px solid #FFF;*/
cursor:pointer;
position:relative
}

#accordion .titulo img, #accordion2 .titulo2 img {
float:right;
margin:1px 10px;
position:absolute;
top:10px;
left:3px
}

#accordion .titulo h2, #accordion2 .titulo2 h2 {
	color:#fdfdfd;
	cursor:pointer;
	font-size:11pt;
	margin-left:28px;
	padding-left:0;
}
#accordion .titulo.active h2, #accordion2 .titulo2.active h2 {
	color:#1e6c83;
}

#accordion p, #accordion2 p {
margin:0
}

#accordion .apanel, #accordion2 .apanel2{
	display:none;
	overflow:hidden;
	border-bottom:solid 1px #252062;
	padding-bottom:5px;
}

.interior_codigo {
padding:15px;
min-height:642px
}

.interior_codigo ul {
font-size:12px
}

/* ----- Form -> contacto.php -----*/
.interior.formulario {
font-size:14px
}

.interior.formulario .inputCont {
float:left;
margin:6px 3px;
font-size:12px
}
.interior.formulario .inputCont label{
	font-weight:bold;
	font-size:12.4px;
}

.interior.formulario .inputCont input {
font-size:14px;
height:34px;
padding:0 8px
}

.interior.formulario .inputCont.special {
	font-size:13px;
	width:220px;
	height:82px;
	background-color:#6abcd6;
	/* ^^^#d6d6d6^^^ */
	padding:10px;
	border:none 5px #000;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	margin-top:12px;
}

.interior.formulario .inputCont #contactoSend{
	background-color:#5eb2cd;
	background-image:url(../imagenes/buttonbg.png);
	background-repeat: repeat-x;
	border:none;
	border-radius:14px 14px 14px 14px;
	padding:0 20px;
	font-size:11px;
	font-family: "Ubuntu", Arial;
	text-transform: lowercase;
	height:20px;
	color:#404040;
}

/* special header for lavado.php*/
h2.special {
	font-size:13pt;
}

/*Noticias*/
/*AAAaaaaand another change! OH GOD! These guys wore me down! STAHP THE ABUSE GAIS!!!*/
.left{
	float:left;	
	width:150px;
	padding:8px;
}
.left img{
	width:150px;
}
.right{
	float:right;
	width:70%;
}

.button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(../imagenes/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    text-decoration: none;
    }
.button:hover {
    background-position: 0 -48px;
    text-decoration: none;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #5DBBD5; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }