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

* { 
	list-style:none;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	outline: 0;
}

body { 
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	min-width:960px;
	line-height:normal;
	font-weight:normal;
	text-decoration:none;
	/*background-color:#ffffff;*/ /*verde footer */
/*	background: url(../_img/banner-1.jpg) repeat-x scroll 0 0 #fef4f2;*/
}

#wrap { /*caja contenedora , lugar donde irá la totalidad del background */
	/*height: auto;*/
	width: 1002px;
	height:auto;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	background-color:#fff;
/*	margin-right: auto;
	margin-left: auto;*/
/*	background-color:#FFF;*/
/*	margin-bottom:80px;*/
	/*background: url(../_img/banner-1.jpg) repeat-x scroll 0 0 #fef4f2;*/
	/*orillas*/
} 

#header {
	background-color: #fff;
	width: 960px;
	height: 167px;
	clear: both;
	margin: 0 auto;
/*	border: 1px solid #c7c7c7;*/ 
	/**/
	margin-top:20px;
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
	border-top:1px solid #c7c7c7;
}

#menu-general {
	background-color: #fff;
/*	height: 1550px;*/
	width: 960px;
	height:auto;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	/*clear: both;*/
	text-align: left; 
	font-size: 13px;
/*	border-bottom: 1px solid #666;*/
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
/*	-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);*/
}

/*#menu {
	text-align: left; 
	font-size: 13px;
	width: 960px;
	height:50px;
	background-color:#FCC;
	margin: 0px auto;
}*/

#slider {
	width: 940px;
	height:450px;
/*	background-color:#fff;*/
	margin: 0px auto;
	margin-bottom:80px;
/*	border:1px solid #CCC;*/
}

#banner-1 {
	width: 468px;
	height:445px;
/*	background-color:#fff;*/
	float:left;	
	margin-top: 70px;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px;
	transition: opacity,0.3s;
}

#banner-1:hover {
	opacity:0.70;
	transition:opacity,0.3s;
}

#banner-2 {
	width: 467px;
	height:445px;
/*	background-color:#063;*/
	float:left;	
	margin-top: 70px;
	margin-right:10px;
	margin-bottom:5px;
	transition: opacity,0.3s;
}

#banner-2:hover {
	opacity:0.70;
	transition:opacity,0.3s;
}

#banner-3 {
	width: 468px;
	height:445px;
/*	background-color:#fff;*/
	float:left;	
	margin-left:10px;
	margin-right:5px;
	margin-bottom:30px;
	transition: opacity,0.3s;
}

#banner-3:hover {
	opacity:0.70;
	transition:opacity,0.3s;
}

#banner-4 {
	width: 467px;
	height:445px;
/*	background-color:#063;*/
	float:left;	
	margin-right:10px;
	margin-bottom:30px;
	transition: opacity,0.3s;
}

#banner-4:hover {
	opacity:0.70;
	transition:opacity,0.3s;
}


a {
	background:transparent;
}

#footer { /*transparente*/
	height: 95px;
	width: 960px;
	clear: both;
	margin: 0 auto;
	font-size: 12px;
	color: #FFF;
/*	padding-top:15px;*/
	word-wrap: break-word;
	border-top: 1px solid #858585;
/*	padding-top:-42px*/
	background-color:#fff;
/*	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;*/
}

#footer-1 { /* info Sol Telar */
	height: 80px;
	width: 585px;
	float: left;
/*	margin: 0 auto;*/
	font-size: 12px;
	color: #000;
	padding-top:15px;
	padding-left:25px;
	word-wrap: break-word;

}

#footer-2 { /* info emprende y mejora */
	height: 80px;
	width: 350px;
	float: left;
/*	margin: 0 auto;*/
	font-size: 12px;
	color: #000;
	padding-top:15px;
	word-wrap: break-word;
}

/*-------------------------------------------
			SOLEDAD MOYA
-------------------------------------------*/

#bio-wrap { /*caja contenedora , lugar donde irá la totalidad del background */
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color:#fff;
	
}

#bio {
	background-color: #f2f2f2;
	height: auto;
	width: 860px;
	clear: both;
	text-align: left; 
	margin-right: auto;
	margin-left: auto;
/*	border-left:50px solid #f2f2f2 ;
	border-right:50px solid #f2f2f2;
	border-bottom:150px solid #f2f2f2;
	border-top:150px solid #f2f2f2;*/
	color: #444;
	line-height: 110%;
	padding-bottom:150px;
	padding-top:150px;
	padding-left:50px;
	padding-right:50px;
	
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
/*	border-top:1px solid #c7c7c7;*/
}


/*-------------------------------------------
	      TELAR BASTIDOR REGULABLE
-------------------------------------------*/

#tbr-general {
	background-color: #fff; /*f2f2f2*/
	height: auto;
	width: 960px; /*860px*/
	clear: both;
	text-align: left; 
	margin-right: auto;
	margin-left: auto;
	/*border-left:50px solid #f2f2f2 ;
	border-right:50px solid #f2f2f2;
	border-bottom:80px solid #f2f2f2;
	border-top:50px solid #f2f2f2;*/
	color: #444;
	line-height: 110%;
	padding-top:30px;
		border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
}


	
#tbr-tabla{
	background-color: #fff;
	height: auto;
	width: 940px; /*860px*/
	clear: both;
	text-align: left; 
	margin-right: 10px;
	margin-left: 10px;
	color: #444;
	line-height: 110%;
	text-align:justify;
	font-size:14px;
	padding-top:30px;
	padding-bottom:30px;
}


/* SECCION VENTAS */
#tbr-general2 {
	background-color: #fff; /*f2f2f2*/
	height: auto;
	width: 960px; /*860px*/
	clear: both;
	text-align: left; 
	margin-right: auto;
	margin-left: auto;
	/*border-left:50px solid #f2f2f2 ;
	border-right:50px solid #f2f2f2;
	border-bottom:80px solid #f2f2f2;
	border-top:50px solid #f2f2f2;*/
	color: #444;
	line-height: 110%;
	padding-top:30px;
	padding-bottom:30px;
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
}


	
#tbr-tabla2{
	background-color: #fff;
	height: auto;
	width: 940px; /*860px*/
	clear: both;
	text-align: left; 
	margin-right: 10px;
	margin-left: 10px;
	color: #444;
	line-height: 110%;
	text-align:justify;
	font-size:14px;

}
/*-------------------------------------------
	TABLA / TELAR BASTIDOR REGULABLE
-------------------------------------------*/

/*table, td, th {*/
   /* border: 1px solid #ccc;*/
/*}*/

#tbr-tabla table {
	width:840px;
	/*	margin-top: 20px;*/
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-collapse: collapse;
	font-weight: bold;
}

#tbr-tabla table th {
	color: #333;
	text-align: center;
	height:50px;
}

#tbr-tabla table td, #tbr-tabla table th {
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #ccc;
}



/*-------------------------------------------
	 FOTOS / TELAR BASTIDOR REGULABLE
-------------------------------------------*/
#tbr-foto{
	background-color: #fff;
	padding-bottom:30px;
}

#tbr-foto table {
/*	margin-top: 20px;*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border-collapse: collapse;
	font-weight: bold;
	border-collapse: separate;
 	border-spacing: 3;
}

/*#tbr-foto table td {
min-width: 205px !important;
min-height: 270px !important;
line-height: 238px !important;
width: 205px !important;
height: auto !important;
position: relative;
margin: 0 0 0 0 !important;
display: block;
vertical-align: middle;
text-align: center;
position: relative;
min-height: 1px;
zoom: 1;
}*/

#tbr-foto table td, #tbr-foto table th {
/*	padding: 10px;*/
	font-size: 13px;
	font-weight: normal;
	text-align:center;
/*	background-color: #f2f2f2;*/
	border: 1px solid #e4e4e4;
/*	background-color:#0F0;*/
	color:#444;
}

#tbr-tabla table tr td img {
/*	text-align:center;*/
}



/*-------------------------------------------
	 FOTOS / TELAR ARTISTICO DECORATIVO
-------------------------------------------*/

#tbr-foto table tr td.a1{
	background-color:#fff;
	border: 1px solid #fff;
	color:#777;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
/*	text-transform: uppercase;*/
	letter-spacing: 1px;
	line-height: 1.3em;
}

#tbr-foto table tr td.a2{
	border: 1px solid #e4e4e4;
}



/*-------------------------------------------
	 CONTACTO
-------------------------------------------*/

#contacto {
	background-color: #fff; /*f2f2f2*/
	height: auto;
	width: 960px; /*860px*/
	clear: both;
	text-align: left; 
	margin-right: auto;
	margin-left: auto;
	/*border-left:50px solid #f2f2f2 ;
	border-right:50px solid #f2f2f2;
	border-bottom:80px solid #f2f2f2;
	border-top:50px solid #f2f2f2;*/
	color: #444;
	line-height: 110%;
	padding-bottom:700px;
	padding-top:30px;
}

/*-------------------------------------------
	 ELEMENTOS DE CLASE
-------------------------------------------*/

a:link    {color:#444;} /* #444*/ 
a:visited {color:#444;}
a:hover   {color:#ada6a6; text-decoration:none;} /*underline */ 
a:active  {color:yellow;}



h1 {
	color: #444;
	text-align:center;
	font-size: 16px;	
	margin-top:20px;
	margin-bottom:20px;
}

h2 {
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	color: #222;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 25px;
}

h3 {
	font-size: 14px;
	font-weight: normal;	
}

.sub-menu{
	font-family:Arial, Helvetica, sans-serif;
	color: #444;
	font-size:12px;
	/*padding: 10px*/;
	text-transform: uppercase;	
	letter-spacing: 1px;
}

.titulo{
	font-family:Arial, Helvetica, sans-serif;
	color: #444;
	font-size:15px;
	/*padding: 10px*/;
	text-transform: uppercase;	
	letter-spacing: 0px;
}

.negro {
	color: #444;
	text-align:center;
}


.breadcrumbs {
	font-size: .71em; /* .74em */
	color: #333333;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: inline-block;
	margin-left:10px;
}

.breadcrumbs .separator { /*flechita mas arriba o mas abajo*/
	font-size: 1em; /* 1.2em */
	margin: 0 5px 0 5px;
	color: #999999;
}

.breadcrumbs li {
	float: left;
	list-style: none;
}

.caret.right {
	border-bottom: 4px solid transparent;
	border-right: 4px solid transparent;
	border-left: 4px solid #000;
	border-top: 4px solid transparent;
	margin: 0 0 0 5px;
}

.caret {
	vertical-align: middle;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
}

/* CLASES Y VENTAS */

#pubexchange_footer .pe-wrapper .pe-title { 
	font-weight: normal; 
	text-align: center; 
	font-size: 18px; 
	height: 40px; 
	color: #000; 
	letter-spacing: 6px; 
	text-transform: uppercase; 
	line-height: 38px; 
	word-spacing: 2px; 
	margin-top: 36px; 
	margin-bottom: 36px; 
	font-family: Open Sans, Arial, Helvetica,sans-serif; 
} 

#pubexchange_footer .pe-wrapper .pe-title span { 
	background-color: #fff; 
	padding: 0 44px 0 54px; 
} 

#pubexchange_footer .pe-wrapper .pe-title em { 
	font-size: 0.9em; 
} 

#pubexchange_footer .pe-wrapper .pe-title:after { 
	background-color: #545454; 
	display: block; 
	content: " "; 
	height: 1px; 
	width: 100%; 
	margin-top: -19px;
} 





























/*-------------------------------------------
			MENU PRINCIPAL
-------------------------------------------*/
#menu {
	text-align: left; 
	font-size: 13px;
	width: 960px;
	height:50px;
	margin: 0px auto;
	border-top: 1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
	border-left:1px solid #c7c7c7;
	background-color:#fff;
}

#menu ul {
	list-style-type: none;
}

#menu ul li {
	width:auto;
	z-index:1;
}

#menu ul li.nivel1 { 
	float: left;
}

/* estilos: menu y submenu*/
#menu ul li a {  
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	padding: 17px 45px 17px 45px;
	position: relative; 
	/*transicion*/
  	-webkit-transition: background-color 0.2s;
  	-moz-transition: background-color 0.2s;
  	-ms-transition: background-color 0.2s;
  	-o-transition: background-color 0.2s;
  	transition: background-color 0.2s;
}

#menu ul li a.nivel2, #menu ul li a.nivel2ie {
	color: #000;
}

#menu ul li a.nivel1, #menu ul li a.nivel2 {
	display: block!important;
	display: none;
	position: relative;
}

#menu ul li:hover {
	position: relative;
}

#menu ul li:hover ul {
	font-size:12px;	
	border-bottom: 10px solid #FFF;
	border-top: 10px solid #FFF;
	/* border redondeados*/
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	/* sombras*/
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	/* transicion*/
	-moz-transition: 0px 1px 3px rgba(0, 0, 0, 0.4);
	-ms-transition: 0px 1px 3px rgba(0, 0, 0, 0.4); /*TABLET nuevo*/
	-o-transition: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

/* color recuadro submenu*/
#menu li:hover li a:hover {
	background-color:#858585; 
	color: #FFF;
}

#menu li li a {
	background-color:#fff; 
	color: #000;
}

/* hover menu principal */
#menu ul li a:hover, #menu ul li:hover a.nivel1, #menu ul li ul li:hover a.nivel2 {
	position: relative;
	color:#858585;
}

#menu ul li ul {
	display: none;
}

/* marco verde a submenu 1 */
#menu ul li:hover  ul.nivel2, #menu ul li a:hover  ul.nivel2{
	display: block;
	position: absolute;
	left: -32px;
}

/*estilo sub-menu*/
#menu ul li ul li a {
	width: 195px; /* 154px - 84px */
	padding: 20px 20px; 
	border-top-color: #000;
	color: #000;
	text-align: left;	
	
}

#menu ul li ul li a:hover {
	border-top-color: #000;
	position: relative;
}

#menu ul li ul li ul li a.primera {
	border-top-color: #fff;
}

table.falsa {
	border-collapse:collapse;
	border:0px;
	float: left;
	position: relative;
}

/*******************************************************************************

 SUBMENU INDICATION: Flecha Abajo / Flecha Abajo HOVER

 *******************************************************************************/

#menu ul li a.nivel1#portada, #menu ul li a.nivel2 { 
	letter-spacing: 4px;
/*	padding-left:75px;*/
	border-right:1px solid #fff;
}

#menu ul li:hover a.nivel1#portada{
	border-right:1px solid #ccc;
}

#menu ul li a.nivel1#sole, #menu ul li a.nivel2 { 
	letter-spacing: 4px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

#menu ul li:hover a.nivel1#sole{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

#menu ul li a.nivel1#clases, #menu ul li a.nivel2 { 
	background-image: url(../_img/SpryMenuBarDown.png);
	background-repeat: no-repeat;
	background-position: 85% 50%;
	letter-spacing: 4px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;

}

#menu ul li:hover a.nivel1#clases{
	background-image: url(../_img/SpryMenuBarDownHover.png);
	background-repeat: no-repeat;
	background-position: 85% 50%;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

#menu ul li a.nivel1#ventas, #menu ul li a.nivel2 { 
	letter-spacing: 4px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

#menu ul li:hover a.nivel1#ventas{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

#menu ul li a.nivel1#clientes, #menu ul li a.nivel2 { 
	letter-spacing: 4px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

#menu ul li:hover a.nivel1#clientes{
	border-right:1px solid #fff;
	border-left:1px solid #ccc;
}
/*-------------------------------------------
			NOTICIAS
-------------------------------------------*/

#news {
	width:940px;
	height: auto;
/*	height:260px;*/
	float:left;
/*	border-left:1px solid #000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;*/
	margin-bottom:30px;
	margin-left:10px;
	margin-right:20px;
}

#news-image {
	width: 260px;
	height: 260px;
	float: left;
	border: 1px solid #c7c7c7;
	/*	background: rgba(0, 0, 0, 0.6);*/
	background-color: #000;
}

#news-image li{
/*	transition: opacity,0.3s;*/
	opacity:100;
}

#news-image li:hover{
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
/*	transition:opacity,0.3s;*/
}

#news-epigrafe{
	height: auto;
	font-size: 14px;
/*	font-family: Arial, Helvetica, sans-serif;*/
	text-decoration: none;
	margin-top: 5px;
/*	margin-top:50px;*/
	margin-left: 290px;
	padding-bottom:18px;
	color: #909090;
}

#news-titulo{
	height: auto;
	font-size: 17px;
/*	font-family: Arial, Helvetica, sans-serif;*/
	text-decoration: none;
	margin-left: 290px;
	padding-bottom:18px;
	color: #000;
	font-weight: bold;
}

#news-bajada {
	height: auto;
	font-size: 13px;
/*	font-family: Arial, Helvetica, sans-serif;*/
	text-decoration: none;
	margin-left: 290px;
/*	margin-bottom:18px;*/
	color: #000;
}












#galeria {
	width:620px;
	height:auto;
	float:left;
	background-color:#d4dfe0;
	letter-spacing: 3px;
	font-size: 0.8em;
	border: 1px solid #000/*c7c7c7*/;
	text-transform: uppercase;
/*	padding-top: 20px;
	padding-bottom: 20px;*/
	font-weight: bold;
	margin-bottom:30px;
	margin-top:30px;
	margin-left:170px;
	text-align:center;
	line-height: 44px;
	/*background-color: #f7f0f1;*/
	 position: relative;
	 clear:both;
	 font-family:'Lato', Arial;
}

#galeria:after {
  border-color: #000 transparent transparent;
  border-style: inset;
  border-width: 19px 14px 0;
  content: "";
  font-style: normal;
  left: 47.6%;
  position: absolute;
  top: 100%;
}

#img-horizontal {
	width: 620px;
	height:auto; /*465 348*/
	float:left;
	border-bottom:1px solid #c7c7c7;
	padding-bottom:25px;
	margin-bottom:25px;
	margin-left:170px;
}