@charset "utf-8";
*{
	margin:0;
	padding:0;
}

	
	
body {
	/*background-image:url(Imagenes/Logo%20Sysmark.JPG);*/

	/*background: url(Imagenes/1.1.jpg) no-repeat fixed center;
	height: 100%;
width:100%;*/

	
	
		
	background-color: #55ACF1;
	
}


header {
	margin:0 auto;
	
}
.cabecera {	
	width:980px;
	margin:0 auto;
	height:120px;
	z-index:3;	
		
}

.contenedor {	
	width:980px;
	margin:0 auto;
	height:120px;
	position:fixed;	
	background-color:#fff;	
	z-index:3;
	margin-top:-20px;
}


header nav {
/*background:#3498db;
background-color: rgb(0,0,112);*/
margin-top:95px;
width:980px;
height:38px;

/* IE10+ */ 
background-image: -ms-linear-gradient(bottom, #000070 0%, #000096 50%, #000096 51%, #000070 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #000070 0%, #000096 50%, #000096 51%, #000070 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #000070 0%, #000096 50%, #000096 51%, #000070 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000070), color-stop(50, #000096), color-stop(51, #000096), color-stop(100, #000070));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #000070 0%, #000096 50%, #000096 51%, #000070 100%);

/* W3C Markup */ 
background-image: linear-gradient(to top, #000070 0%, #000096 50%, #000096 51%, #000070 100%);

}

.contenedor p { 
margin-bottom:15px;
}


.contenedor nav{
	position:fixed;	
	
}

.logo
{	position:fixed;
margin-top:5px;
margin-left:8px;

}

/*----------------------Este estilo es para animacion del logo sysmark------------------------------------------------*/	
@keyframes rotating {
    from{
        -webkit-transform: rotate3d(0,100,0, 0deg);
			-webkit-transition-delay: 2s;
			-moz-transform: rotate3d(0,100,0, 0deg);

    }
    to{
        -webkit-transform: rotate3d(0,100,0, 360deg);
			-webkit-transition-delay: 2s;
			  -moz-transform: rotate3d(0,100,0, 360deg);

    }
}

.rotating {
    -webkit-animation: rotating 8s 1s linear infinite;
	    -moz-animation: rotating 8s 1s linear infinite;
/*----------------------Este estilo es para animacion del logo sysmark------------------------------------------------*/	
}



/*#imagen:hover{
-webkit-transition: 3s;
-webkit-transform: rotate3d(0,100,0, 360deg);

-moz-transition: 3s;
-moz-transform: rotate3d(0,100,0, 360deg);

}*/

header nav ul { 
list-style: none;
overflow: hidden;
margin:0 auto;

animation:ease-in;
animation-duration:1s;
animation-name:anim;



}
header nav ul li{ 
float:left;
height:38px;




}
/*-------------------------------Este estilo es para organizar el menu----------------- */
header nav ul li a {
display:block;
padding-top:9px;
padding-left:10px;
padding-right:20px;
color:#FFF;
text-decoration:none;
height:40px;
vertical-align:central;
}
/*-------------------------------Este estilo es para organizar el menu----------------- */	


@keyframes anim {
	from {background-color: #FFF;}
    to {background-color: rgb(0,0,112);}
	

}


nav {

-moz-box-shadow:4px 4px rgba(0,0,0, .4);
-webkit-box-shadow:4px 4px rgba(0,0,0,0.4);
box-shadow:4px 4px rgba(0,0,0,0.4);

font-family:Verdana, Geneva, sans-serif;
font-size:1em;


}




header nav ul li a:hover {
	background: #09C;
}



section {
	width:980px;
	margin:0 auto;
	
	
	/*-moz-box-shadow:4px 4px rgba(0,0,0,0.5);
-webkit-box-shadow:4px 4px rgba(0,0,0,0.5);
-box-shadow:4px 4px rgba(0,0,0,0.5);*/


margin-top:-7px;

}
article {
	width:980px;
	height:340px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:1em;

	/*
	-webkit-column-count:2;
   -webkit-column-gap:10px;
   -moz-column-count:2;
   -moz-column-gap:10px;*/
	/*background-color:rgba(0,0,112,0.6);*/
	/*animation:ease-in;
animation-duration:2s;
animation-name:anim;
background-color: #FFF;*/
}@font-face {
    font-family: "caviardreams";
    src: url(caviar_dreams/CaviarDreams.ttf);
}



article h2{
		float:left;
		margin-top:-100px;
		color: #FFF;

}


#parra_ini{
		padding:12px;
		color: #FFF;
		font-family:Verdana, Geneva, sans-serif; 
	font-size:1em;
		float:left;
		margin-top:-110px;
		/*background: rgba(132,139,148,1);
background: -moz-linear-gradient(left, rgba(132,139,148,1) 0%, rgba(101,106,114,0.88) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(132,139,148,1)), color-stop(100%, rgba(101,106,114,0.88)));
background: -webkit-linear-gradient(left, rgba(132,139,148,1) 0%, rgba(101,106,114,0.88) 100%);
background: -o-linear-gradient(left, rgba(132,139,148,1) 0%, rgba(101,106,114,0.88) 100%);
background: -ms-linear-gradient(left, rgba(132,139,148,1) 0%, rgba(101,106,114,0.88) 100%);
background: linear-gradient(to right, rgba(132,139,148,1) 0%, rgba(101,106,114,0.88) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848b94', endColorstr='#656a72', GradientType=1 );
		*/
		background:#345f65;

}

article p{
		padding:12px;
		color:#666;
		font-size:1em;
		float:left;
		

}

article table{
		
		color:#666;
		font-size:1em;
		float:left;
		margin-top:6px;
		background:#272727;
		
		
		

}
article table tr td{
		
		color:rgb(255,255,255);
		font-size:12px;
		

}


article table tr td img{
		


margin: 18px;
   /* border: -10px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.0);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.0);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;*/
	border-radius:70%;
	background:#FFF;
}
 
 table tr td img:hover {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
}


.color:hover
{
background: #306;
}



/*.circle : hover
{
border-radius : 50% ;
}*/




#td2:hover{
		background:rgba(0,0,0,0.2	);

}


#ima_nc{
		padding-right:6%;	
		padding-left:6%;
		border-radius:50%;
		background:#FFF;
		

}
#aalink{text-decoration:none;
		border:none;
	
}

/*-------- Este estilo es para   los datos de sysmark--------------------------------------------------------------------------------*/
footer {
	width:100%;
	height:120px;
	background-color: #666;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;	
-moz-box-shadow:4px 4px rgba(0,0,0,0.5);
-webkit-box-shadow:4px 4px rgba(0,0,0,0.5);
-box-shadow:4px 4px rgba(0,0,0,0.5);

}
/*-------- Este estilo es para   los datos de sysmark--------------------------------------------------------------------------------*/
footer p{
	font-size:0.7em;

	padding:5px;
}
/*----------------------Este estilo es para compatibilidad con diferentes dispositivos------------------------------------------------*/	
@media only screen and (min-width: 781px) and (min-width: 1198px) {
    body {
    }
}	
@media only screen  and (min-width:321px) and (max-width: 780px) {
    body {
        background-color: blue;
    }
}	
@media only screen and (max-width: 320px) {
    #slider_container_2 {
		display:none;
		}
			
	body {
		
        background-color: yellow;
		
    }
	article p{
		font-size:0.7em;
	
 }

}
/*----------------------Este estilo es para compatibilidad con diferentes dispositivos------------------------------------------------*/

/*------------------------------------------Este estilo es para el formulario----------------------------------------------------------*/	
form { background:#999;
}


/*------------------------------------------Este estilo es para el formulario----------------------------------------------------------*/

/*.circle : hover
{
border-radius : 50% ;
}*/
/*------------------------------------------Estilos para la pestana de productos--------------------------------------------------------*/

.busqueda
{ background:#145C88; margin-right:920px; width:956px;
}








/*------------------------------------------Estilos para la pestana de productos--------------------------------------------------------*/