/*+*****************************CAMPOS FORMULARIO*******************************/

.formulario {
	font-family:tipografia_romiato;
	font-size:16px;
	text-align:justify;
}

/*+*****************************legal primera capa*******************************/

.legal {
	font-family:tipografia_romiato;
	font-size:15px;
	text-align:justify;
}


   /*+******************************estilo cookies*******************************/


#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgb(47,79,79);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family: tipografia_tinctorea;
    font-size:13px;
    top:30%;
    color:#FFFFFF;
}
 
.inner a.ok {
    font-family: tipografia_tinctorea;
    padding:4px;
    color:#20B2AA ;
    text-decoration:none;
}
 
.inner a.info {
    font-family: tipografia_tinctorea;
    padding-left:5px;
    text-decoration:none;
    color:#20B2AA ;
}








/*+**************************************
EFECTO IMAGENES ***********************************/

.view {
   width: 275px;
   height: 275px;
   margin: 10px;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
   border-radius:10px;  
}
.view .mask,.view .content {
   width: 275px;
   height: 275px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0; 
}
.view img {
   display: block;
   position: relative;
   border-radius:0px;  <+++esquina sup izq+++> 
}
.view h2 {
   font-family:tipografia_1;
   font-weight: bold;   
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.1);
   margin: 40px 20px 20px 20px;
   border-radius:10px; 
}
.view p {
   font-family:tipografia_1;
   font-weight: bold;   
   font-size: 16px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   font-family:tipografia_1;
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   border-radius:10px;  <+++cartel info+++>
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
   border-radius:10px;  <+++cartel info+++>
   
}






.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(20,20,20,0.6);  <+++tres primeros digitos color patina / ultimo digito opacidad patina++++>
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   border-radius:5px;  <+++cartel titulo+++>
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear; 
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   margin: -10px 0px 0px 0px; <+++posicion cartel info+++>
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;  <+++de 0 a 1 para regular la transparencia patina+++>
   border-radius: 10px; <+++patina naranja+++>
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   
}
.view-first:hover p {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
   border-radius: 5px;
}
				
/*+**************************************
LEMA CABECERA***********************************/

.lemacabecera {
	font-family:tipografialema;
	font-size:12px;
	text-align:right;
}




/*+**************************************
IMAGENES REDONDEADAS***********************************/

.esquinas {
	border-radius: 6px;
}


/*+**************************************COLORES LINKS***********************************/

a:link{
	color:rgb(128,128,0);
	text-decoration:none;
}
a:visited{
	color:rgb(128,128,0);
	text-decoration:none;
}
a:hover{
	color:rgb(85,107,47);
	text-decoration:none;
}


/*+******************************SLIDER*******************************/

.slideshow {
  width: 350px;
  height: 240px;
}

.slideshowIndex{
  width: 900px;
  height: 360px;
}

/*+******************************FUENTES*******************************/
@font-face{
	font-family:tipografia_romiato;
	font-style:normal;
	font-weight:normal;
	src: url("fonts/type.ttf");
}

@font-face{
	font-family:tipografia_1;
	font-style:normal;
	font-weight:normal;
	src: url("fonts/Verdana.ttf");
}

@font-face{
	font-family:tipografialema;
	font-style:normal;
	font-weight:normal;
	src: url("fonts/Verdana.ttf");
}



/*+******************************LINKS SUPERIOR*******************************/
.tablaDeLinksSuperior {
	width:900px;
	border:0px solid black;
 	font-family:tipografia_romiato;
	font-size:16px;
}



/*+**************ECOLORGY******LINKS REDES*******************************/
.EnlacesRedes {
	align:center;
	width:900px;
	border:0px solid black;
 	font-family:tipografia_romiato;
	font-size:14px;
}


/*+******************************SUBCBECERA*******************************/

.tablaSubcabecera {
	width:900px;
	border:0px solid black;
	font-family:tipografia_1;
	font-size:16px;
}

/*+*****************************LINKS INTERMEDIOS*******************************/
.tablaDeLinksIntermedios {
	padding:20px;
	width:900px;
	border:0px solid black;
	font-family:tipografia_1;
	font-size:16px;
}
.tablaDeLinksIntermedios td {
	width:142px;
}


/*+*****************romi y ato************TITULOS PROYECTOS HOME*******************************/

.titleprojects {
	text-align:center;
	font-family:tipografia_romiato;
	text-decoration:none; 
	width:250px;
	font-size:20px;
	color:rgb(30,30,30);
}

/*+*****************font-weight:bold;text-decoration:blink; *******************************/


/*+*****************ECOLORGY************materias*******************************/

.titlematerias {
	text-align:center;
	font-family:tipografia_romiato;
	text-decoration:none;
	font-size:20px;
	color:rgb(30,30,30);
}


/*+*****************************FORMATO TITULOS DE CONTENIDOS *******************************/

.lema {
	text-align:center;
	font-family:tipografia_1;
	font-weight:bold;
	text-decoration:blink; 
	width:350px;
}

/*+*****************************LEMA*******************************/

.lemacomunidadeducativa {
	margin-top:-90px;	
	margin-left: 0px;
	font-family:tipografia_1;
        font-size:18px;
}

/*+*****************************LEMA*******************************/

.lemaecomoda {
	margin-top:-20px;	
	margin-left: 175px;
	font-family:tipografia_1;
	font-weight:bold;
	text-decoration:blink; 
	width:350px;
}

/*+*****************************LEMA*******************************/

.apoyoalatrashumancia {
	margin-top:-20px;	
	margin-left: 55px;
	font-family:tipografia_1;
	font-weight:bold;
	text-decoration:blink; 
	width:350px;
}



/*+*****************************LEMA*******************************/

.lemacomunidadlanera {
	margin-top:-20px;	
	margin-left:100px;
	font-family:tipografia_1;
	font-weight:bold;
	text-decoration:blink; 
	width:350px;
}

/*+*****************************LEMA*******************************/

.lemadivulgacion {
	margin-top:-20px;	
	margin-left:140px;
	font-family:tipografia_1;
	font-weight:bold;
	text-decoration:blink; 
	width:350px;
}

/*+*****************************LEMA*******************************/

.lemacreacionartistica {
	margin-top:-20px;	
	margin-left:20px;
	font-family:tipografia_1;
	font-weight:bold;
	text-decoration:blink; 
	width:350px;
}

/*+*****************************LEMA 10 MARGIN TOP *******************************/

.lema10 {
	text-align:center;
	margin-top: 10px; 
	font-family:tipografia_1;
	font-weight:bold;
	text-decoration:blink; 
	width:350px;
}


/*+*****************************LEMA 15 MARGIN TOP *******************************/

.lema15 {
	text-align:center;
	margin-top: 15px; 
	font-family:tipografia_1;
	font-weight:bold;
	text-decoration:blink; 
	width:400px;
}

/*+*****************************LEMA 20 MARGIN TOP *******************************/

.lema20 {
	text-align:center;
	margin-top: 20px; 
	font-family:tipografia_romiato;
	font-weight:bold;
	text-decoration:blink; 
	width:400px;
}



/*+*****************************FORMATO TEXTOS*******************************/

.descripcion {
	text-align:center;
	font-family:tipografia_romiato;
	font-size:14px;
        width:300px;
	
}

/*+***************************** TEXTO Y FOTOSPROYECTOS*******************************/

.titulo {
	font-family:tipografia_romiato;
	font-size:16px;
	text-align:justify;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	text-decoration:none; 	
}

.texto {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:justify;
	line-height:125%;
	margin-right:0px;
	margin-left:0px;
	color:rgb(30,30,30);	
}

.navegacionlateral {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:justify;
	line-height:125%;
	margin-right:0px;
	margin-left:0px;
	color:rgb(128,128,0);	
}


.cabeceradeenlaces {
	font-family:tipografia_romiato;
	font-size:11px;
}



/*+*****************romi y ato************TEXTOS PROYECTOS HOME*******************************/

.textohomeleft {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:justify;	
	width:250px;
	
}

.textohomecenter {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:justify;	
	width:250px;
	
}

.textohomeright {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:justify;
	width:250px;
	
}



.frasehomeleft {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:center;	
	width:250px;
	
}

.frasehomecenter {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:center;	
	width:250px;
	
}

.frasehomeright {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:center;
	width:250px;
	
}

	
/*+*****************ECOLORGY************TEXTOS MATERIAS*******************************/

.textoleft {
	font-family:tipografia_romiato;
	font-size:15px;
	text-align:justify;	
	width:380px;
	
}

.textoright {
	font-family:tipografia_romiato;
	font-size:15px;
	text-align:justify;	
	width:380px;
	
}

.textotextiles {
	font-family:tipografia_romiato;
	font-size:15px;
	text-align:justify;	
	width:375px;
	
}


/*+*****************romi y ato************TEXTOS SHOP*******************************/

.textoshopleft {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:justify;	
	width:250px;
	
}

.textoshopcenter {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:justify;	
	width:250px;
	
}

.textoshopright {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:justify;	
	width:250px;
	
}

.fraseshopleft {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:right;	
	width:410px;
	
}

.fraseshopright {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:right;
	width:410px;
	
}

.tablatextoshopintro {
	width:900px;
	align:center;
	font-family:tipografia_romiato;
	border:0px solid black;	
}

/*+*****************romi y ato************INTROS SUP*******************************/

.textointro {
	font-family:tipografia_romiato;
	font-size:16px;
	text-align:center;	
	width:800px;
}

.tablatextointro {
	width:800px;
	align:center;
	font-family:tipografia_romiato;
	border:0px solid black;	
}


/*+*****************romi y ato************PROYECTOS*******************************/

.lemaproyectos {
	font-family:tipografia_romiato;
	font-size:16px;
	text-align:right;	
	width:800px;
}

.textoproyectos {
	font-family:tipografia_romiato;
	font-size:16px;
	text-align:justify;	
	width:800px;
}

.tablatextosproyectos {
	width:800px;
	align:center;
	font-family:tipografia_romiato;
	border:0px solid black;	
}


/*+*****************************ECOLORGY CONTACTA***********line-height:125%;*****margin-right:0px;*****margin-left:0px;***************/


.datacontacta {
	font-family:tipografia_romiato;
	font-size:14px;
	text-align:center;	
	width:250px;
	
}




/*+*****************romi y ato************TELEFONO*******************************/

.telefono {
	text-align:center;
	font-family:tipografia_romiato;
	text-decoration:none; 
	width:250px;
	font-size:15px;
}

.mailleft {
	font-family:tipografia_romiato;
	font-size:15px;
	text-align:center;	
	width:250px;
	
}

.mailcenter {
	font-family:tipografia_romiato;
	font-size:15px;
	text-align:center;	
	width:250px;
	
}

.mailright {
	font-family:tipografia_romiato;
	font-size:15px;
	text-align:center;
	width:250px;
	
}


/*+***************************** TEXTO Y FOTOSPROYECTOS*******************************/

.titlesup {
	font-family:tipografia_1;
	font-size:11px;
	text-align:justify;
	margin-bottom:-5px;
	margin-top:5px;
	margin-left:0px;	
}

.titles {
	font-family:tipografia_1;
	font-size:11px;
	text-align:justify;
	margin-bottom:-5px;
	margin-top:20px;
	margin-left:30px;	
}

.text {
	font-family:tipografia_1;
	font-size:11px;
	text-align:justify;
	margin-right:30px;
	margin-left:0px;	
}


.enlacesproyectos {
	font-family:tipografia_1;
	font-size:11px;
}
	


/*+*****************************FORMATO TEXTOS*******************************/

.main {
	
	font-family:tipografia_1;
	font-size:14px;
        width:400px;
	
}

/*+*****************************FOOTER*******************************/

.footertitle {
	
	font-family:tipografia_romiato;
	font-size:13px;	
	color:rgb(85,107,47);
}

.footertitlebottom {
	
	font-family:tipografia_romiato;
	font-size:13px;	
	margin-top: 20px;
}

.footertext {
	
	font-family:tipografia_romiato;
	font-size:13px;
	color:rgb(85,107,47);
}

.footer1 {
	margin-left:0px;
	vertical-align:0px;		
}

.footer2 {
	margin-left:20px;
	vertical-align:0px;	
}

.footer3 {
	margin-left:0px;
	vertical-align:0px;	
}

.footer4 {
	margin-left:0px;
	vertical-align:0px;	
}

.footer5 {
	margin-left:0px;
	vertical-align:0px;	
}


/*+*****************************BOTTOM*******************************/

.bottom {
	font-family:tipografialema;
	font-size:10px;
	text-align:center;
}

/*+*****************************LINKS INFERIORES*******************************/

.tablaDeLinksInferior {
	padding:20px;
	width:900px;
	height:100px;
	border:0px solid black;
	font-family:tipografia_1;
	font-size:12px;
}
.tablaDeLinksInferior td {
	width:150px;
}



/*+*******(UNUSEFUL?)*******/

/*+*******(UNUSEFUL?)*******/

/*+*******(UNUSEFUL?)*******/

/*+*******(UNUSEFUL?)*******/



/*+*****************************LINKS INTERMEDIOS PARA SUB SUB (UNUSEFUL?)*******************************/
.tablaDeLinksIntermediosSubSub {
	padding:20px;
	width:900px;
	border:0px solid black;
	font-family:bookworm,dotum,arial;
	font-size:16px;
}
.tablaDeLinksIntermedios td {
	width:450px;
}

/*+*****************************TABLA DE CONTACTO (UNUSEFUL?)*******************************/
.tablaDeContacto {
	text-align:left;
	width:450px;
	border:0x solid black;
	font-family:bookworm,dotum,arial;
	font-size:13px;
}
.tablaDeContacto td {
	width:142px;
}

/*+*****************************FORMATO TITULOS DE CONTENIDOS (UNUSEFUL?)*******************************/

.h1.titulos {
	text-align:left;
	font-family:bookworm,dotum,arial;
	font-size:18px;
}