@charset "utf-8";



/* Reseteo Universal */
*{
	
	
	border:0px;
	margin:0px;
	
	padding:0px;
}

article,figcaption,figure,footer,header,hgroup,nav,section, {
	display:block;
	
}
/* estilos del sitio */

@font-face {
    font-family: 'Chalet';
    src: url('http://sinadiccionesperu.com/fonts/Chalet.eot');  /* para ver en los navegadores internet 10*/
    src: url('http://sinadiccionesperu.com/fonts/Chalet.eot#iefix') format('embedded-opentype'), /* para ver en los navegadores viejos de internet */
         url('http://sinadiccionesperu.com/fonts/Chalet.woff') format('woff'), /* las otras tres lineas es para ver en los otros navegadores */
         url('http://sinadiccionesperu.com/fonts/Chalet.ttf') format('truetype'),
         url('http://sinadiccionesperu.com/fonts/Chalet.svg#Chalet') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Pecita';
    src: url('http://sinadiccionesperu.com/fonts/Pecita.eot');  /* para ver en los navegadores internet 10*/
    src: url('http://sinadiccionesperu.com/fonts/Pecita.eot#iefix') format('embedded-opentype'), /* para ver en los navegadores viejos de internet */
         url('http://sinadiccionesperu.com/fonts/Pecita.woff') format('woff'), /* las otras tres lineas es para ver en los otros navegadores */
         url('http://sinadiccionesperu.com/fonts/Pecita.ttf') format('truetype'),
         url('http://sinadiccionesperu.com/fonts/Pecita.svg#Pecita') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* GEO - Semibold */
@font-face {font-family: 'Geogrotesque-SemiBold';src: url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-semibold/eot/style_169898.eot');src: url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-semibold/eot/style_169898.eot#iefix') format('embedded-opentype'),url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-semibold/woff/style_169898.woff') format('woff'),url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-semibold/ttf/style_169898.ttf') format('truetype'),url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-semibold/svg/style_169898.svg#Geogrotesque-SemiBold') format('svg');}

/* GEO - Medium */
@font-face {font-family: 'Geogrotesque-Medium';src: url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-medium/eot/1110FC_0.eot');src: url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-medium/eot/1110FC_0.eot#iefix') format('embedded-opentype'),url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-medium/woff/1110FC_0.woff') format('woff'),url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-medium/ttf/1110FC_0.ttf') format('truetype'),url('http://sinadiccionesperu.com/css/webfonts/1110FC_0.svg#wf') format('svg');}

/* GEO - Regular */
 @font-face {font-family: 'Geogrotesque-Regular';src: url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-regular/eot/11014B_0.eot');src: url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-regular/eot/11014B_0.eot#iefix') format('embedded-opentype'),url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-regular/woff/11014B_0.woff') format('woff'),url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-regular/ttf/11014B_0.ttf') format('truetype'),url('http://sinadiccionesperu.com/css/fonts/webfonts/geo-regular/svg/11014B_0.svg#wf') format('svg');}

body{

	/*background:#212121 url(http://sinadiccionesperu.com/img/fondonsl.jpg);*/
	color:fff;
	font-family:"Chalet", Helvetica, Verdana;
	font-size:1em;
	

}



a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#9F0;
}

/*tener iamgenes y videos sensibles */





audio,iframe,img, video{
Max-width:100%;
}
/* fieldset es como la caja contenedora que contiene el formulario*/
fieldset{
	/*
	border: .1em solid #19518E;
	border-radius: .5em;
	padding: 1em;*/
}


figcaption{
	font-size:0.85em;
	padding:0.25em;
	text-align:center;
	
}

#redessociales{
	
	text-align:left;

	width:100%;
	padding-left:3.5em;
	
	
}





h2,h3{
	color:#000000;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);*/
	cursor:pointer;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	text-align: left;
	/*background-color:#ffffff;*/
	padding-top:.8em;
	margin-left:5em;

	
	border-radius: .5em;
	
}

h6{
	color:#333333;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);*/
	/*cursor:pointer;*/
	font-family: sans-serif;
	font-size: 12px;
	line-height: 7px;
	font-weight: normal;
	text-align: center;
	background-color:#77A912;
	margin-top:.2em;
	padding-top:0.8em;	
	box-shadow: 5px 5px 10px rgba(51, 51, 51, .2);
	
	/*border-radius: .5em;*/
	
}

.letrapaginas {
	font-family: sans-serif;
	font-size: 12px;
	color: #FFF;
}

h4{
	color:#000;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); */
	cursor:pointer;
	font-family: sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	text-align: justify;
	padding-left: 2em;
	padding-right:2em;
	
	
	
	
}
.tituloscuerpo {
	font-family: "MS Serif", "New York", serif;
	font-size: 16px;
	font-weight: bolder;
	color: #000;
}

h5{
	
	

}
form{
	width: 100%;
}

form div{
	margin: .4em;
	
}

h3{
	background :#E2E7F1;
	border-radius: 1em;
	box-shadow:.25em .25em .25em rgba(255,153, 0,.5); /* con box-shadowcontenedores le da cierta sombra a la caja, primero a la distancia de la sombre con respecto la x, .25 y de la Y, y la intensidad del blue o del de desemfoque y el rgba quien maneja transferencia alfa          */
	margin-bottom: .5em;
	padding-left: .5em;
	
	
	
}

hr{
	/*border-bottom:0.1px inset #030; */
	/*border:1px groove #A3DC2C;*/
	
	border-bottom:#09F;
	border:0px inset #484848;
	
	margin:.1em 0;	/*
	box-shadow: 0 1px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.2); -o-box-shadow: 0 1px 5px rgba(0,0,0,.2); zoom: 1;
	
	  border: 0px solid #030; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: 0 1px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.2); -o-box-shadow: 0 1px 5px rgba(0,0,0,.2); zoom: 1; */
}

h555{
	
	border-bottom:0.1px inset #030;
	
	box-shadow: 0 1px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.2); -o-box-shadow: 0 1px 5px rgba(0,0,0,.2); zoom: 1;	
	
}

iframe {
	border-radius: .5em;
}


input[type="email"], input[type="text"], textarea{
	background: #ACACAC;
	border-radius: 0.5em;
	color: #ffffff;
	font-size: 1em;
	padding: .25em;
	width: 95%;
}

input[type="email"]:focus, input[type="text"]:focus, textarea:focus{
	background:#19518E;


}


input[type="submit"]{
	background:#19518E;
	border-radius: 0 .25em;
	color: #ffffff;
	font-family: "arial";
	font-size: 13px;
	padding: .25em;
	
}
input[type="submit"]:hover{
	background:#333333;
	border-radius:.25em 0;
	color: #ffffff;
	cursor:pointer;
	
}

label{
	cursor:pointer;
}

legend{
	color:#19518E;
	font-size: 1.2em;
	font-weight:bold;
}

/* lista ordenada con ol con 0 arriba abajo y 2em a ambos lados */
ol{
	padding: 0 .5em;
}

/* menu de la lista ordenada con ol li, 1 em de arriba abajo y 0 a ambos lados*/

ol li{
	padding: .3em 0;
	List-style:none;
	
	
}


textarea{
	resize:none;
}


header, section#contenido, section#consultas, footer {
	
	color:#FFF;
	margin:0 auto;
	max-width:100%;
	text-align:center;
	
}
header{
	/*margin-top:.4em;*/
	
	/*background-image:url(http://sinadiccionesperu.com/img/fondoheader.png);*/
	
	border-radius: 0 0 0 0;
	
}
header h1,nav{
	display:inline-block; /*Pone a los dos etiquetas a la misma altura */
	max-width:100%;
	vertical-align:middle;
	

}




/*Para quitar las viñetas */
nav ul{
List-style:none;

}


/*Para cada opcion li */
nav li{
	
	display:inline-block;
	padding:0.03em;
	vertical-align:top;
	
}


/*
nav ul.submenu {
	color:#FFF;
	border:1px solid #B6B7B8;
	display:inline-block;
	max-width:100%;
	padding:0.03em;
	position:absolute;
	list-style:none;
	background-color:#C50005;
}
nav ul.submenu li {
	display:inline-block;
	float:none;
	background-image:none;
	border-bottom:1px solid #B6B7B8;
	padding:0.03em;
	max-width:100%;
	text-decoration:none;
	color:#FFF;
}

nav ul.submenu li a {
	display:inline-block;
	padding:0.5em 0.03em;
	text-decoration:none;
	color:#DBDBDB;
	font-weight:bold;
}






/*

.submenu{
	display:block;
	background:#006;
}

.submenu li{
	display:block;
	background:#090;
	
}

.submenu a {
	color:#FFF;
	display:block;
	
	
	font-family:"Chalet", Helvetica, Verdana;
	font-size:1.2em;
}
*/

nav2 a{
	/*Background*/


	
	

	color: #fff!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-moz-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-o-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-webkit-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	/*text-transform: uppercase;*/
	cursor:pointer;
	-ms-transition: all 0.5s ease-in; /*ms-transition para el navegador internet para el efecto de transicion que dura 0.5s y un efecto easy-in es una transicion al inicio del efecto */
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	font-family: sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
}

nav2 a:hover{
	/*Background* color de los enlaces del tab/ */


	
	

	color: #CCFF00!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	cursor:pointer;
	font-family: sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
}


nav3 a{
		color: #FFFFFF!important;
		padding-left:2.8em;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-moz-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-o-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-webkit-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	/*text-transform: uppercase;*/
	cursor:pointer;
	-ms-transition: all 0.5s ease-in; /*ms-transition para el navegador internet para el efecto de transicion que dura 0.5s y un efecto easy-in es una transicion al inicio del efecto */
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

nav3 a:hover{
		color: #CCFF00!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-moz-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-o-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-webkit-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	/*text-transform: uppercase;*/
	cursor:pointer;
	-ms-transition: all 0.5s ease-in; /*ms-transition para el navegador internet para el efecto de transicion que dura 0.5s y un efecto easy-in es una transicion al inicio del efecto */
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}


nav4 a{
		color: #FFFFFF!important;
		
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-moz-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-o-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-webkit-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	
	cursor:pointer;
	-ms-transition: all 0.5s ease-in; /*ms-transition para el navegador internet para el efecto de transicion que dura 0.5s y un efecto easy-in es una transicion al inicio del efecto */
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

nav4 a:hover{
		color: #CCFF00!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-moz-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-o-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	-webkit-text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	/*text-transform: uppercase;*/
	cursor:pointer;
	-ms-transition: all 0.5s ease-in; /*ms-transition para el navegador internet para el efecto de transicion que dura 0.5s y un efecto easy-in es una transicion al inicio del efecto */
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}
nav a{
	background-color: #004600;
	border:0.1em solid #88B52E;
	border-radius:0.35em; /*Para un redondeado las esquinas */
	color:#FFFF00;
	display:block; /*Para un display en bloque */
	font-family:"Chalet", Helvetica, Verdana;
	font-size:1.2em;
	padding:0.4em 0.7em;
	-ms-transition: all 0.5s ease-in; /*ms-transition para el navegador internet para el efecto de transicion que dura 0.5s y un efecto easy-in es una transicion al inicio del efecto */
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

nav a:hover{
	background:#212121;
	border:0.1em dashed #f60; /*dashed es para linea deiscontinua */
	border-radius: 0 0.5em 0 0.5em; /*border 0 para esquina superior izquierda, 05 para esquina superior derecha 0 para inferior derecha y 0.5inferiorizquierda */
	color:#FFF;
	
	-ms-transition: all 0.5s ease-out;/*ms-transition para el navegador internet para el efecto de transicion que dura 0.5s y un efecto easy-out es una transicion al final del efecto */
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	
}






/*
nav li ul submenu {
	color:#FFF;
	display:list-item;
	
	border:1px solid #B6B7B8;
	padding:5px;
	position:absolute;
	list-style:none;
	background-color:#C50005;
}
nav li ul submenu li {
	display:block;
	float:none;
	background-image:none;
	border-bottom:1px solid #B6B7B8;
	width:200px;
	text-decoration:none;
	color:#FFF;
}
/*

#nav li.submenu li a {
	display:block;
	padding:7px 10px;
	text-decoration:none;
	color:#DBDBDB;
	font-weight:bold;
}

nav li.submenu li a:hover { color:#FFFFFF; } 

/* Subsubmenu 

nav li.subsubmenu { border:1px solid #B6B7B8; padding:5px; position:absolute; list-style:none; background-color:#C50005; margin-left:150px; margin-top:-30px;}
nav li.subsubmenu li { float:none; background-image:none; border-bottom:1px solid #999999; min-width:200px;}



*/




/*

 .a.MenuBarItemSubmenu
{
	background-image: url(http://sinadiccionesperu.com/css/SpryAssets/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/*
 .ul a.MenuBarItemSubmenu
{
	background-image: url(http://sinadiccionesperu.com/css/SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/*
 .a.MenuBarItemSubmenuHover
{
	background-image: url(http://sinadiccionesperu.com/css/SpryAssets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/*
 .ul a.MenuBarItemSubmenuHover
{
	background-image: url(http://sinadiccionesperu.com/css/SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

*/



section#contenido{
	/*background-image:url(http://sinadiccionesperu.com/img/fondocontenido.jpg);*/
	background:#FFF;
	
	border-radius: 0 0 0 0;
	padding-bottom:.8em;
	
	
}





section#principal, aside{
	
	/*background:#2B7301;*/
	
	
	border-radius: 0.5em;
	display:inline-block;
	margin: 0 auto;
	max-width:100%;
	/*padding-left:0.3em;*/

	vertical-align:top;
	width:65%;
	min-height:300px;
	margin-bottom: .5em;
	/*padding-top:1em;*/
	
	
}
/*
section#principal{
	box-shadow:.40em .40em .40em rgba(255,153, 0,.5);
}*/

section#flexslidergaleria{
	
	
	
	
	border-radius: 0.5em;
	
	display:block;
	margin: 0 auto;
	max-width:100%;
	padding:0.60em;
	margin-left:2.2em;
	
	
	width:92.8%;
	/*height:210px;*/
	
}

article#galeria-inicio{
	border-radius:0.5em;
	background-color:
	
	color:#ffffff;
	/*margin-top: 0.3em;*/
	max-width:100%;
	
	/*padding-top:1em;
	
	
	/*padding-top:.5em;
	
	
	text-align:center;
	width:95%;  /*este ancho es del 95 del padre quiere decir 95% del 65% de sectin#principal */
	
	
	
	
}


article#capacitacion-cuerpo{
	background: #ffffff;
	border-radius: .5em ;
	
	
	
	
	
	
	
}


article#imagencenter{
	
	border-radius: .5em ;
	padding: 0 auto;
	max-width:95%;
	
	
	
	
	
	
	
	
}


article#Tabpanels{
	border-radius:0.7em;
	color:#FFF;
	/*margin:0.5em;*/
	/*padding-left:0.1em;*/
	
	
	text-align:left;
	width:95%;  /*este ancho es del 95 del padre quiere decir 95% del 65% de sectin#principal */
	
	
	
}
aside{
	width:30%;/*si sumamos debe ir el 95% porque si ponemos 100% se abajo el aside y 5% para los margenes y rellenos  */
	color:#FFF; 
}


article#vineta,article#ventaja1{
	
	text-align:left;
	padding-left:.2em;
	
	
	display:inline-block; /*Pone a los dos etiquetas a la misma altura */
	max-width:90%;
	vertical-align:middle;
	
	
	
}

article#ventaja1{
	
	text-align:left;
	
	padding-left:.5em;
	max-width:90%;
	vertical-align:middle;
	
	
	
}
	
section#consultas{
	
	
	background-image:url(../img/fondoheader.jpg);
	/*max-width:100%;*/
	margin:0 auto;
	
	border-radius: 0 0 0 0;
	padding-bottom:.8em;
	
}

aside img, #acerca img, #video-acerca, #img-servicios{
	border-radius:0.5em; /*border redondeado de las imagenes */
}

article#descripcion-acerca, article#multimedia-acerca{
	background: #1E6381;
	border-radius: .5em;/*el 0 antes del punto no es necesario ejemplo: .5em */
	display:inline-block;
	
	margin: 0 auto;
	max-width: 100%;
	min-height: 543px;
	padding: 0.5em;
	text-align: justify;
	vertical-align:top; /*a nivelarlo a la misma altura eso permite el vertical-align:top  */
	width: 55%;
		
}

article#multimedia-acerca{
	text-align:center;
	width:40%;
	
	}
	
section#servicios-principal, section#servicios-tipos{
	margin: 0 auto;
	max-width: 95;

}

#img-servicios, article#nuestros-servicios{
display:inline-block;
margin: 1em 0;
vertical-align:top;
width:40%;

}


article#nuestros-servicios, article#servicio1, article#servicio2, article#servicio3{	
background: #1E6381;
border-radius: .5em;
max-width: 100%;
min-height: 300px;
padding: .5em;
text-align:justify;
width: 55%;
}

article#servicio1, article#servicio2, article#servicio3{
background: #011E30;
display:inline-block;
width:31%;
vertical-align:top;
}



article#servicio1 div, article#servicio2, h3 {
	text-align:center;

}


section#trabajos{
	background: #006600;
	border-radius: .5em;
	/*margin: 0 auto;*/
	max-width:100%;
	/*padding: .8em;*/
	text-align: left;
	
	
}


article#trabajos-cuerpo{
	background: #ffffff;
	border-radius: .5em ;
	max-width:100%;
	text-align: center;

}

div.portafolio{
	/*margin: 2em auto;*/
	margin-left:0;
	
}





div.portafolio article {
		/*padding: 1em;*/
		display:none;
	}
	
	div.portafolio1 article {
		display: inline;
		padding: 1em;
		margin-left:0em;
		max-width:100%;
		
		
	}
	
	div.portafolio2 article {
		display: inline;
		padding: 1.2em;
		margin-left:1.2em;
		
		max-width:100%;
		
		
	}


section#contacto, section#mapa, section#consultasnsl{
	background-image:url(../img/fondoheader.jpg);
	/*background:#011E30;*/
	border-radius: .5em;
	display: inline-block;
	margin: 0 auto;
	/*min-height: 350px;*/
	padding: .5em;
	text-align:justify;
	vertical-align: top;
	
	color:#ffffff;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); */
	
	font-family: sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	text-align: justify;
	
	
	
	
}

article#titulomapa{
	color:#ffffff;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); */
	cursor:pointer;
	font-family: sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	text-align: justify;
	padding-left: 2em;
	padding-right:2em;
}
section#consultasnsl{
	width: 30%;
	text-align: center;
}

section#contacto, section#mapa{
	width: 30%;
	
	
}

section#serv1, section#serv2, section#serv3{
	width: 29%;
	display: inline-block;
	vertical-align:top;
	
	
	padding: .3em;
	font-family: sans-serif;
	font-size: 13px;
	line-height: 21px;
	font-weight: normal;
	text-align: left;
	background-image:url(http://sinadiccionesperu.com/img/fondoserv.jpg);
	
	
	
	
	
	border-radius: 0.4em; /* 5ppx/16px*/
border:solid 1px #cccccc;
box-shadow: 5px 5px 10px rgba(204, 204, 204, .2);*/
margin-bottom:.5em;
height:150px;
	
	
}

section#serv1{
	padding-left:1.5em;
	padding-top:1em;
	margin-right:1em;
	
	
	
	
}

section#serv2{
	padding-left:1.5em;
	padding-top:1em;
	margin-right:1em;
	
	
	
	
}

section#serv3{
	padding-left:1.5em;
	padding-top:1em;
	
	
	
	
	
}

section#mapa1{
	background-image:url(../img/fondoheader.jpg);
	/*background:#011E30;*/
	border-radius: .5em;
	
	margin: 0 auto;
	/*min-height: 350px;*/
	padding: .8em;
	text-align:center;
	vertical-align: top;
	
	color:#ffffff;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); */
	
	font-family: sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	text-align: center;
	
	
	width:95%;
	
	
}

section#contacto1{
	
	
	
}

article#info-contacto, article#contactanos {
	/*border: .1em solid #1E6381;*/
	border-radius: .5em;
	margin: .5em;
	min-height: 144px;
	padding: .5em;
	text-align:left;
}

span.datos-contacto {
	color:#F90;
	
	
	margin-left: 1em;
}

section#mapa {
	text-align: center;
}
footer{
	
	background-image:url(http://sinadiccionesperu.com/img/pie.jpg);
	color:#ffffff;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	/*margin-left:9.2em;*/
	text-align:center;

	padding-bottom:.9em;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	/*margin:0 auto;*/
	border-radius: 0 0 0 0;
	/*margin-bottom:1em;*/
	
	
	
	

	
	
}

.fade{
	opacity: 1; /*opacidad 1 equivale al 100% cuando la clase face esta normal, es para que internet explore interprete bien la propiedad de opacity,la funcion alpha filter es la funcion de opacity y trabaja de 0 a 10 que es 100%  */	
	filter:alpha(opacity=10);
	-ms-transition: all 0.5s ease-in; 
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	
	
}

.fade:hover {
	opacity:0.7;/*opacidad bajar al 70% y el filter al 0.7*/	
	filter:alpha(opacity=7);
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

}

.redonda{
border-radius: 0.5em; /* 5ppx/16px*/
border:solid 1px #83BFD6;
box-shadow: 5px 5px 10px rgba(204, 204, 204, .3);

}

.redonda01{
border-radius: 0.5em; /* 5ppx/16px*/
border:solid 1px #cccccc;
box-shadow: 5px 5px 10px rgba(204, 204, 204, .3);

}
.redonda1{
/*border-radius: 0.4em; /* 5ppx/16px*/
/*border:solid 1px #cccccc;
box-shadow: 5px 5px 10px rgba(204, 204, 204, .2);*/

}

.titulocuerpo{


	color:#000000;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); */
	padding-left:.2em;
	
	text-align:left;
	font-family: sans-serif;
	font-size: 17px;
	
	font-weight: bold;	
	
}

.tituloservicio{


	color:#000000;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); */
	padding-left:.2em;
	
	text-align:left;
	font-family: sans-serif;
	font-size: 21px;
	
	font-weight: bold;	
	
}

.tituloservicios{


	color:#000000;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); */
	padding-left:.2em;
	
	text-align:left;
	font-family: sans-serif;
	font-size: 21px;
	
	font-weight: bold;	
	
}
article#titulovineta{
	color:#000000;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); */
	padding-left:.2em;
	text-align:justify;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 25px;
	max-width:30%;
	
	
	
		
	
}

.titulovineta{
	color:#000000;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); */
	padding-left:.2em;
	text-align:justify;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 25px;
	max-width:30%;
	
	
	
		
	
}

article#parrafo,article#parrafo1{
	display:inline-block; /*Pone a los dos etiquetas a la misma altura */
	max-width:95%;
	vertical-align:middle;
	

}

article#titulovineta,article#imagencenter{
	display:inline-block; /*Pone a los dos etiquetas a la misma altura */
	max-width:95%;
	vertical-align:middle;
	

}

article#parrafo{
	
	padding-left:2em;
	
}

article#parrafo1{
	padding-left:.1em;
	padding: 0 auto;
	max-width:95%;
	
}

.imagencentrada{
	text-align:center;
	position: fixed;


	
}

#galeriatitulo{
	padding-left:2.5em;
	color:#333;
	/*text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);*/
	/*text-transform: uppercase;*/
	text-align:left;
	font-family: sans-serif;
	font-size: 18px;
	line-height: 16px;
	font-weight: normal;
	width:95%;
}
.titulotab{
	color: #CCFF00!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	cursor:pointer;
	font-family: sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}

.titulotab1{
	color: #CCFF00!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	cursor:pointer;
	font-family: sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}


.enlacepagina{
	font-family: sans-serif;
	font-size: 12px;
	color: #9f0;
	text-decoration: underline;
}

#botonsilabus
{
	background-image:url(http://sinadiccionesperu.com/img/botonverde.jpg);
	border: 1px solid #467d16;
	border-bottom-color: #467d16;
	/*Background
	background: #447e12; /*Fallback*/
	/*
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #71b02f), color-stop(1, #447e12));
	background: -moz-linear-gradient( center top, #71b02f 20%, #447e12 100% );
	
	*/

	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	cursor:pointer;
	font-family: sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}







.letrablanca {
	font-family: "arial", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFF;
	
}

.centrado {
	padding-left:15px;
	text-align:center;
	
	

}

pp a:link {
	color:#D9F0FF;
	
	
}

pp :visited {
	color:#D9F0FF;
	
	
}

pp :hover{
	color:#D9F0FF;
	
	
}
hr{
	padding-top:3px;
	border-top:dashed 0px #333;
	border-bottom:ridge 1px #666;
	border-right:dashed 0px;
	
	
	

	
	
	

	
	
	
	
	
	
}

/*mejor presentacion a nuestros elementos,van a condicionar el ancho de nuestra pagina, altos y anchos
disposicionhorizontal script
vericial port 3, es un trabajo de prueba, error
cuando el ancho es de 1081 es decir cuando el ancho del navegador sea 1081 para arriba ejecutar estos estilos, entra el condicional de la mediquery.
cuando el ancho maximo sea 1080 px, es decir de 1080 hacia abajo
cuando el ancho max sea de 800
No hay una medida fija para cada pantalla es hacerlo a prueba y ensayo*/	

@media screen and(min-width:1281px){
	
	header h{
		text-align:left;
		width:35%;
	}
	
	
	
	
	
	
	
	
	nav{
		text-align:right;
		width:60%
		
	}
	
	
	
	
	
	
	
	
	article#descripcion-acerca, article#multimedia-acerca{
	
		min-height: 590px;
		
     }
	 
	 
	 
}

@media (max-width:1280px){
	
	
	
	nav li{
		font-size:0.9em;
	}
	
	
	
	
	header h1,nav{
	display:inline-block; /*Pone a los dos etiquetas a la misma altura */
	max-width:95%;
	vertical-align:middle;
	
	

}

h1{
	text-align:left;
	
	
}

h2{
	margin-left:4em;
	
	
}

article#imagencenter{
	
	border-radius: .5em ;
	padding: 0 auto;
	max-width:100%;
	
	
	
}

article#parrafo, article#parrafo1{
	display:inline-block; /*Pone a los dos etiquetas a la misma altura */
	max-width:95%;
	vertical-align:middle;
	
	

}

article#parrafo{
	
	padding-left:2em;
	
	
	
}

article#parrafo1{
	padding-left:3em;
	padding: 0 auto;
	max-width:90%;
	
}

div.portafolio2 article {
		display: inline;
		padding: 1em;
		margin-left:0.5em;
		
		max-width:100%;
		
		
	}


article#titulovineta{
	width:80%;
	
}

h1{
	width:40%;
}
	
	
	
	
	section#principal, article#galeria-inicio{
		
		width:100%;
		text-align:center;
		padding: 0em .1em;
		/*padding-top:.5em;*/
		
	
		
	}
	
	

	
	
	
	
	
	section#redessociales{
	
	width:90%;
	
	padding-left:1em;
	
	
	
	
	
	}
	
	section#principal, aside{
		width:65%;
		margin-bottom: .5em;
		display:inline-block;
		min-height:300px;
		
	}
	
	aside{
		width:30%;
	}
	
	

	article#descripcion-acerca, article#multimedia-acerca, #img-servicios, article#nuestros-servicios{
		width:45%;
		/* min-height: 800px; */
		
		
	}


	artice#servicio1, artice#servicio2, artice#servicio3{
		width: 30%;
		
	}
	
	section#trabajos{
		max-width:90%;
	}
	
	div.portafolio article {
		/*padding: 1em;*/
		display:none;
	}
	
	div.portafolio1 article {
		display: inline;
		padding: 1.7em;
		margin-left:0em;
		
	
		
	}
	
	form{
		width:95%;
	}

}
@media (max-width:1024px){
	
	
	
	nav li{
		font-size:0.9em;
	}
	
	
	
	
	header h1,nav{
	display:inline-block; /*Pone a los dos etiquetas a la misma altura */
	max-width:95%;
	vertical-align:middle;

}
h1{
	width:40%;
	
}

h2{
	margin-left:1.8em;
	
	
}
	
	article#imagencenter{
	
	border-radius: .5em ;
	padding: 0 auto;
	max-width:100%;
	
	
}
	
	article#parrafo,article#parrafo1{
	display:inline-block; /*Pone a los dos etiquetas a la misma altura */
	max-width:95%;
	vertical-align:middle;
	

}
article#parrafo{
	
	padding-left:2em;
	
	
}

article#parrafo1{
	padding-left:.1em;
	padding: 0 auto;
	max-width:50%;
	
}

	
	
	section#principal, article#galeria-inicio{
		
		width:100%;
		text-align:center;
		padding: 0.2em .1em;
		
	
		
	}
	
	
	
	
	
	
	
	
	
	#redessociales{
	
	width:92%;
	
	padding-left:2.1em;
	
	
	
	
	
	}
	
	section#principal, aside{
		width:65%;
		margin-bottom: .5em;
		display:inline-block;
		min-height:200px;
		
	}
	
	aside{
		width:30%;
	}
	
	#galeriatitulo{
	padding-left:2.1em;
	color:#333;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	width:95%;
}
	
	section#flexslidergaleria{	
	
	border-radius: 0.5em;
	display:block;
	margin: 0 auto;
	max-width:100%;
	padding:0.1em;
	margin-left:2.1em;
	
	
	width:92%;
	
}

	article#descripcion-acerca, article#multimedia-acerca, #img-servicios, article#nuestros-servicios{
		width:45%;
		/* min-height: 800px; */
		
		
	}


	artice#servicio1, artice#servicio2, artice#servicio3{
		width: 30%;
		
	}
	
	section#trabajos{
		max-width:90%;
	}
	
	div.portafolio article {
		display: none
		
	}
	
		
	div.portafolio1 article {
		display: inline;
		padding: .2em;
	}
	
	div.portafolio2 article {
		display: inline;
		padding: 0.15em;
		margin-left:1em;
		
		max-width:100%;
		
		
	}
	
	.redonda1{

max-width:21.7%;

}
	
	
	form{
		width:95%;
	}

}
@media (max-width:800px){
	nav li{
		font-size:0.95em; /*aca baja el tamaño de la fuente del menu*/
	}
	
	
	h1{
	width:80%;
	text-align:center;
}


article#imagencenter{
	
	border-radius: .5em ;
	padding: 0 auto;
	max-width:100%;
	
	
}
	
	article#parrafo,article#parrafo1{
	display:inline-block; /*Pone a los dos etiquetas a la misma altura */
	max-width:95%;
	vertical-align:middle;
	

}
article#parrafo{
	
	padding-left:2em;
	
}

article#parrafo1{
	padding-left:.1em;
	padding: 0 auto;
	max-width:80%;
	
}


#redessociales{
	
	width:92%;
	
	padding-left:1em;
	
	
	
	
	
	}

section#principal, article#galeria-inicio{
		
		width:98%;
		text-align:center;
		padding: 0.2em 0.1em;
		
	
		
	}
	article#galeria-inicio{
		
		width:95%;
		
	}
	
	section#principal{
		max-width:800px;
		margin-bottom: .5em;
		display:block;
		min-height:210px;
		
	}
	
	#galeriatitulo{
	padding-left:1.8em;
	color:#333;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	text-align:left;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	width:95%;
}
	
	section#flexslidergaleria{	
	
	border-radius: 0.5em;
	display:block;
	margin: 0 auto;
	max-width:100%;
	padding:0.1em;
	margin-left:1.8em;
	
	width:90.5%;
	
}




section#serv1, section#serv2, section#serv3{
	width: 65%;
	display: block;
	vertical-align:top;
	margin: auto;
	padding: 0;
	text-align:center;
	
	
	padding: .3em;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
	text-align: left;
	background-image:url(http://sinadiccionesperu.com/img/fondoserv.jpg);
	margin-bottom:.5em;
	
	
	
	
	
	border-radius: 0.4em; /* 5ppx/16px*/
border:solid 1px #cccccc;
box-shadow: 5px 5px 10px rgba(204, 204, 204, .2);*/
margin-bottom:.5em;
height:160px;
	
	
}
	
	aside, article#descripcion-acerca, article#multimedia-acerca, article#servicio2, article#servicio3 {
		display:block;
		width:97%;
	}
	
	
	
	
	
	
	
	#img-servicios, article#nuestros-servicios, article#servicio1{
		display: block;
		margin: 0 0 .25em 0;
		width:95%;
	
	}
	
	#img-servicios{
		width:98%;
	}
	article#servicio2, article#servicio3 {
		width: 45%;	
	}
	
	
	section#trabajos{
		max-width:95%;
	}
	
	
	
	
	
	div.portafolio1 article {
		display: inline;
		padding: .8em;
		
	}
	
		
	
	div.portafolio2 article {
		display: inline;
		padding: 0.01em;
		margin-left:1em;
		
		max-width:100%;
		
		
	}
	
	.redonda1{

max-width:21.7%;

}
	
	
	
	section#consultasnsl {
		margin-bottom: .2em;
	}
	
	section#contacto, section#mapa, section#consultasnsl {
		display: block;
		width: 95%;
	}
	section#contacto {
		margin-bottom: .2em;
	}
	form{
		width: 100%;
	}
	
	
}

@media (max-width:600px){
	
	


	nav li{
		display:inline-block;
		margin:0;
		width:98%;
		
	}
	h1{
	width:98%;
	text-align:center;
}

h2{
	margin-left:0.5em;
	
	
}
	
	
	#redessociales{
	
	width:92%;
	
	padding-left:1em;
	
	
	
	
	
	}
	
	section#principal, article#galeria-inicio{
		
		width:98%;
		text-align:left;
		padding: 0.1em .0001em;
	
		
	}
	
	article#galeria-inicio{
		
		width:97%;
		
	}
	
	section#principal, aside{
		width:65%;
		margin-bottom: .5em;
		display:inline-block;
		min-height:150px;
		
	}
	
	nav2 a{
	
	
	
	/*Background*/


	
	

	color: #fff!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	font: bold 10px/16px sans-serif;
	cursor:pointer;
}

nav2 a:hover{
	
	
	
	/*Background* color de los enlaces del tab/ */


	
	

	color: #CCFF00!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	font: bold 10px/16px sans-serif;
	cursor:pointer;
}
	article#Tabpanels{
	border-radius:0.7em;
	color:#FFF;
	margin:0.5em;
	padding-left:0.1em;
	
	
	text-align:left;
	width:100%;  /*este ancho es del 95 del padre quiere decir 95% del 65% de sectin#principal */
	
	
	
}
	
	
	
	section#flexslidergaleria{
	
	
	
	
	border-radius: 0.5em;
	display:block;
	margin: 0 auto;
	max-width:98%;
	padding:0.25em;
	
	
	
	width:80.9%;
	
}
	
	
	aside{
		max-width:93%;
}
	
	
	
	section#serv1, section#serv2, section#serv3{
	width: 65%;
	display: block;
	vertical-align:top;
	margin: auto;
	padding: 0;
	text-align:center;
	
	
	padding: .3em;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
	text-align: left;
	background-image:url(http://sinadiccionesperu.com/img/fondoserv.jpg);
	margin-bottom:.5em;
	
	
	
	
	
	border-radius: 0.4em; /* 5ppx/16px*/
border:solid 1px #cccccc;
box-shadow: 5px 5px 10px rgba(204, 204, 204, .2);*/
margin-bottom:.5em;
height:160px;
	
	
}

	
	
	
	
	section#principal, article#descripcion-acerca, article#servicio2{
		
	margin-bottom:0.2em;
		
	}
	
	/*block se comporta en un solo bloque*/
	 section#principal, aside, article#descripcion-acerca, article#multimedia-acerca, article#servicio2, article#servicio3 {
		display:block;
		width:95%;
	}
	
	#img-servicios{
	
	display: none;
	
	}

	
	
	div.portafolio1 article {
		display:block;
		margin: auto;
		padding: 0;
		text-align:center;
	}
	
	div.portafolio2 article {
		display:block;
		margin: auto;
		padding: 0;
		text-align:center;
		
		
	}
	.redonda1{

max-width:100%;

}
	
	footer{
	background-color:#333;
	color:#FFFFFF;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	margin-left:9.2em;
	text-align:center;
	padding-top:.5em;
	padding-bottom:.5em;
	font-family: sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	margin:0 auto;
	
	
	

	
	
}



	
	
}
	
}